使用ajax调用含JQuery easyUI的组件需要重绘

使用JqueryEasyUI的时候,我们从后台传过来easyui的元素无法正常显示。

在开发的时候我们会遇到这样一个问题。
//点击页面 添加事件
//得到选课组的信息

 

  
  
  
  
  1. function getClozeGroupInfo() {  
  2.         var clozegroup_id = $('#clozegroup').val();  
  3.         $.post('/index.php/ajax/getClozeExperiment',{id: clozegroup_id},function(data){  
  4.             $('#experimentList').html(data);  
  5.              
  6.         });  
  7.          
  8.     }  

我们会使用$.post来获取我们需要的内容。
但是如果我获取的页面中存在Jquery easyUI的东西,那么获取过来的元素是无法被解析的。
比如

  
  
  
  
  1. <input id="room2" url="/index.php/ajax/getRoomList" valueField="id" textField="name" class="easyui-combobox" multiple="true" name="room" style="width:100px" required="true"> 


在获取到的这个input里面,有class="easyui-combobox"。
那么直接获取过来是无法使用的。

这种情况下,我们需要对获取过来的html元素进行重绘。

   
   
   
   
  1. function getClozeGroupInfo() {  
  2.         var clozegroup_id = $('#clozegroup').val();  
  3.         $.post('/index.php/ajax/getClozeExperiment',{id: clozegroup_id},function(data){  
  4.             $('#experimentList').html(data);  
  5.             $.parser.parse($('#experimentList'));  
  6.         });  
  7.          
  8.     } 

 

这样,页面中的jquery元素就能够正常了。

你可能感兴趣的:(jquery,easyui)