+ -
当前位置:首页 → 问答吧 → ExtJs使用异步无刷新Ajax技术操作XML显示,请教大虾!小弟刚学

ExtJs使用异步无刷新Ajax技术操作XML显示,请教大虾!小弟刚学

时间:2010-12-23

来源:互联网

是这样的,由于刚学ExtJs,Ajax这块不熟悉、、、务必请大虾们解决指点啊:
  我显示的问题页面是系统生成的question.xml文件
  xml是:
<?xml version="1.0"?>
<survey templateID="999">
<question index="0" type="Header" order="0">
<text position="center">市场占有率</text>
</question>
<question index="1" type="RadioButton" required="true" order="1">
<text disable="false">请问您目前是否拥有****产品?</text>
<radioButton deployment="horizontal" rowsnum="2">
<item value="0">是</item>
<item value="1">否</item>
</radioButton>
</question>
<question index="2" type="RadioButton" required="false" order="2">
<text disable="false">您的****产品是什么牌子的?</text>
<radioButton deployment="horizontal" rowsnum="4">
<item value="0">a品牌</item>
<item value="1">b品牌</item>
<item value="2">c品牌</item>
<item value="3">d品牌</item>
</radioButton>
<freeInput sizeWidth="10">其他</freeInput>
<restriction questionID="1">
<value>0</value>
</restriction>
</question>
<question index="5" type="RadioButton" required="false" order="5">
<text disable="false">未来多长时间您有购买/更换****产品的打算</text>
<radioButton deployment="horizontal" rowsnum="6">
<item value="0">三个月以内</item>
<item value="1">三个月后</item>
<item value="2">半年后</item>
<item value="3">两年后</item>
<item value="4">三年后</item>
<item value="5">五年后</item>
</radioButton>
<restriction questionID="1">
<value>0</value>
</restriction>
</question>
<question index="4" type="RadioButton" required="false" order="4" MatchQuestion="">
<text disable="false">如果购买/更换您会选择哪个牌子?</text>
<radioButton deployment="horizontal" rowsnum="4">
<item value="0">a品牌</item>
<item value="1">b品牌</item>
<item value="2">c品牌</item>
<item value="3">d品牌</item>
</radioButton>
<freeInput sizeWidth="10">其他</freeInput>
<restriction questionID="3" Match="one">
<value>0</value>
<value>1</value>
<value>2</value>
</restriction>
</question>
<question index="3" type="RadioButton" required="false" order="3" MatchQuestion="">
<text disable="false">您现在使用的这个****产品,是什么时候购买的?</text>
<radioButton deployment="horizontal" rowsnum="7">
<item value="0">三个月以内</item>
<item value="1">三个月前</item>
<item value="2">半年前</item>
<item value="3">一年前</item>
<item value="4">两年前</item>
<item value="5">三年前</item>
<item value="6">五年前</item>
</radioButton>
<restriction questionID="2" Match="one">
<value>1</value>
</restriction>
</question>
<property>
<title>Test-2</title>
</property>
</survey>
。。。当我操作删除某个question时,页面会重新加载一次,带进度条的。。。我想实现的效果就是:用ExtJS异步刷新把删除的该问题,在页面上让人感觉没刷新的动作,然后页面的该题就隐藏掉了、、该题的 order值 变成-1 了,这样就知道该题被删掉了、、最后让整个xml 以text形式 更新到 数据库。
  所以主要是:在实现无刷整个效果这里、、、主要对xml的操作上,ExtJs 我不是很懂,请大虾们务必详解下。谢谢了! 
  积分不多,请见谅,虚心学习!
 

作者: javafanssky   发布时间: 2010-12-23

太负责了看不懂了,具体是什么情况呢啊 ?

作者: chaorenwopashei   发布时间: 2010-12-24

EXT AJAX可以实现 去看看API查阅相关的方法
大胆的去做吧

作者: KK3K2005   发布时间: 2010-12-24

xt.Ajax.request({
  url: 'foo.php',
  success: function(_rpt){
/*读XML数据并处理*/
var xml= _rpt.documentElement; 
var childNodes = xml.getElementsByTagName("survey"); 
for(var i=0; i<childNodes.length; i++) {
  var child = childNodes[i];
  var question= child->getAttribute("question"); 
}
},
  failure: otherFn,
  params: { foo: 'bar' }
});
估计成吧.

作者: flyerwing   发布时间: 2010-12-24

热门下载

更多