首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery easy ui应用小结

2012-07-03 
Jquery easy ui使用小结最近在搞前段,不是很熟悉,很苦逼,折腾来折腾去的。不过也好乘机学习学习jquery,easy

Jquery easy ui使用小结

最近在搞前段,不是很熟悉,很苦逼,折腾来折腾去的。不过也好乘机学习学习jquery,easy ui和json,收获还是蛮多的。
1)上传文件后的二次确认
?? 通常来说一般人会选择先将文件上传的服务器,先不解析,拿到文件存储的路径然后跳页面再解析然后显示解析内容。我没有这样干,直接在上传的时候解析了文件,然后将文件的内容已json字符串的形式跟着跳到下个页面,然后第二个页面用jquery easy ui的datagrid组件异步获取传过来的json值。

 <script language="javascript">var rowIndex = 0;$(function(){$('#tt').datagrid({title:'扣款文件二次确认',iconCls:'icon-save',width:540,height:465,nowrap: false,striped: true,collapsible:true,url:'userpledge_freeReturnConfirm.action?jSONStr='+document.getElementById('jsonstr').value,columns:[[{field:'sellerQQ',title:'卖家',width:99},{field:'dealId',title:'订单',width:157},{field:'fee',title:'金额',width:50},{field:'ppth',title:'PPTH',width:85},{field:'carryId',title:'运单号',width:85},{field:'state',title:'状态',width:30}]],rownumbers:true,toolbar:[{id:'btnsave',text:'Save',iconCls:'icon-save',handler:function(){$('#btnsave').linkbutton('disable');var rows = $('#tt').datagrid('getRows');if(rows.length > 0){for(var i= 0;i < rows.length;i++){rows[i].state = '<img src="http://pics.paipai.com/common/icon/loading.gif"></img>';rowIndex = $('#tt').datagrid('getRowIndex',rows[i]);$.ajax({type:"post",url:"userpledge_freeReturnUploadCompensate.action",data:rows[i],dataType:"json",success:callback});}}}}]});});function callback(resultList){$('#tt').datagrid('selectRow',rowIndex);var row = $('#tt').datagrid('getSelected');if(resultList == '-1'){row.state = '<font color="red">E</font>';}else{row.state = '<font color="green">C</font>';}$('#tt').datagrid('refreshRow',rowIndex);$('#tt').datagrid('unselectRow',rowIndex);}</script> 

?

热点排行