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> ?