jquery.easyui代码详解,和遇到的问题,提供大家在使用的时候少走弯路(一)
初次使用jquery.easyui这个东东,虽然简单,但还是很费力的去研究了一下使用,在使用过程中遇到的问题,下面代码会详细的注释到
引用的文件jquery.min.js
jquery.easyui.min.js
样式:icon.css
easyui.css
页面初始化easy ui 插件
<html xmlns="http://www.w3.org/1999/xhtml"> <div class="cg-op">
<div style="float:left;">
<a href="/inventory/diaobo_ck.aspx" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增调拨单</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">标记为已打印</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">导出</a>
</div>
<div style="float:right;">
<input class="easyui-textbox" data-options="prompt:'搜索单据编号、商品名称、备注'" style="width:200px;height:24px;">
<a href="#" id="btnSearch" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:60px" >查询</a>
<a href="#" class="easyui-linkbutton" style="width:80px">高级搜索</a>
</div>
</div> <table id="datagrid"></table>//数据表格
</html>
上面看到数据表格是个table,想必大家都不陌生,接下来初始化easyui
$(function () {
//初始化列表
InitGrid(""); //初始化查询事件
BindSearchEvent(); }) //实现对DataGird控件的绑定操作
function InitGrid(queryData) {
$('#datagrid').datagrid({ //定位到Table标签,Table标签的ID是grid
url: '/ws/ws_OperateAllot.aspx?op=loaddata', //指向后台的Action来获取当前菜单的信息的Json格式的数据
title: '调拨入库',
iconCls: 'icon-view',
loadMsg: "正在载入数据...",
height: 500,
width: function () { return document.body.clientWidth * 0.9 },
nowrap: true,//是否禁止文字自动换行设置为 true,则把数据显示在一行里。设置为 true 可提高加载性能。
autoRowHeight: true,//行高是否自动
striped: true,//奇偶行使用不同背景色
collapsible: true,//是否可折叠
pagination: true,//分页是否显示
pageSize: 10,//每页多少条
//pageList: [20,50, 100, 200],//可选下拉每页多少条
rownumbers: true,//行号
fitColumns: false,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
singleSelect: false,//设置为 true,则只允许选中一行。
checkOnSelect: false,//如果设置为 true,当用户点击某一行时,则会选中/取消选中复选框。如果设置为 false 时,只有当用户点击了复选框时,才会选中/取消选中复选框
//sortName: 'ID', //根据某个字段给easyUI排序
sortOrder: 'asc',//排序升序还是降序
remoteSort: false,//是否往后台发送排序
//idField: 'ID',//数据库自增列,如果不绑定正确,会引发选中 queryParams: queryData, //异步查询的参数
//frozenColumns: [[
// {
// field: 'opt', title: '操作', width: 300, align: 'left', fixed: false,
// formatter: function (value, rec) {
// var btn = '<a class="editcls" onclick="SetRoleInfo(\'' + rec.userid + '\')" href="javascript:void(0)">编辑</a><a class="delcls" onclick="DelUser(\'' + rec.userid + '\')" href="javascript:void(0)">删除</a>';
// return btn;
// }
// }
//]],
columns: [[
//{ field: 'ck', checkbox: false }, //选择
{ title: '制单人', field: 'inputman', width: 120, sortable: true },
{ title: '制单日期', field: 'daytime', width: 120 },
{ title: '单据编号', field: 'moveid', width: 120 },
{ title: '预计调拨日期', field: 'outdate', width: 120 },
{ title: '调出仓库', field: 'outsite', width: 120 },
{ title: '出库状态', field: 'status', width: 80 },
{ title: '出库日期', field: 'invaliddate', width: 120 },
{ title: '调入仓库', field: 'insite', width: 120 },
{
title: '入库状态', field: 'insite', width: 80,
formatter: function (value, row, index) { //格式问题,格式不能应用在重复字段上,不然不起作用
return value;
}
},
{
title: '入库日期', field: 'daytime', width: 120,
styler: function (value, row) { //设置显示颜色,格式不能应用在重复字段上,不可以使用标签,不然无效,它只是纯样式就可以
// if(value<20)条件 return "color:red;";
// the function can return predefined css class and inline style
// return {class:'c1',style:'color:red'}
}
},
{ title: '备注', field: 'remark', width: 120 }, {
field: 'opt', title: '操作', width: 150, align: 'left',
formatter: function (value, rec) {
var btn = '<a class="editcls" onclick="SetRoleInfo(\'' + rec.userid + '\')" href="javascript:void(0)">编辑</a><a class="delcls" onclick="DelUser(\'' + rec.userid + '\')" href="javascript:void(0)">删除</a>';
return btn;
}
}
]],
onLoadSuccess: function (data) {
$('.editcls').linkbutton({ text: '编辑', plain: true, iconCls: 'icon-edit' });
$('.getcls').linkbutton({ text: '查看', plain: true, iconCls: 'icon-search' });
$('.delcls').linkbutton({ text: '删除', plain: true, iconCls: 'icon-clear' });
}
//onClickRow: function (rowIndex, rowData) {
// alert(rowIndex);
// $(this).datagrid('selectRow', rowIndex);
//},
}) //////设置分页控件
var p = $('#datagrid').datagrid('getPager');
$(p).pagination({
showPageList: true,
pageSize: 10,//每页显示的记录条数,默认为10
pageList: [10, 20, 30,50,100],//可以设置每页记录条数的列表
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
/*onBeforeRefresh:function(){
$(this).pagination('loading');
alert('before refresh');
$(this).pagination('loaded');
}*/
}); };
初始化easyui
上面各个属性已经注释的很详细了,相信大家应该可以看的懂,不懂得可以咨询我
着重说几个范二的问题,当时自己做的时候走了弯路:
一、idField 这个属性,一定要注意,绑定数据库自增或者不会有重复数据的列,不然后边获取选中多行的数据时,打死你就只能获取到选中第一列的值,要麽就不绑定,不写,
建议写上,指不定哪里还是需要这个属性的,暂时我还没发现,有知道了朋友可以留个言,交流一下,非常感谢啦
二、分页这个呢,我是重新绑定的,也可以在里面属性设置,要绑定的话,注意这个属性showPageList要写哦,不然不显示的呢
aaarticlea/png;base64,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" alt="" />
三、就是表格列内容格式化问题了,这个不注意的话,也会出很多幺蛾子,浪费很多精力和时间,当时本人就是看官方例子啊,百度查啊 ,但给的代码都是和官方一样的
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7MAAADqCAIAAAD/FYWaAAAe/klEQVR4nO3dQZLjtpIGYF2i7/KO57v4OorwNSbecraz8CzKLtMkkEyAlJhifR1fdKgoEAQSlPgXW1X9eP7PH3U8Ho/LxwAAwM9UK4lKxgAAXKVWEpWMAQC4Sq0k+ng8hGMAAC4hhgIAwB9PyRgAAL5IxgAA8MdTMgYAgC+ScQm///r1+69fE3vln830PzEGAIDbkIzfZzf+7gbTrx564t6+vpwewFx2r6zgjAoOCQB+lJ+YjDO/GO7x959zD53Jvkd2Xzbr3TNebo+j9sRd54mqHl+O6ZXqzejgTI/s/qJkPFe6U14CvUX3KxoBKOjOV6b8dTfIDSeO5/jnGVahNm45mmvjm8qnxOKDVY0z3CuW4yxD39K82bJ02zIefAk0O4+PCAAXuvNlqVoy3rX7gYeJT1NkWj5HMvcblmOih+IBq/JnJCRjAPh2z8vS499/ttt3W34/2+t5u/H4sDPJePVgt7fel3G35ya5/HLsbg96PmU5tt88fH/ZvA2/at/bvffplBM/WPw96++/lw92SxesUbOk+SIvR7Vdx1NeOABwljtflnoX3Uzkam4Pru7vTMbJ/Lq9Ddy8rxx8HPn0fHykyO9cjmaE3dYnaB93GO9+sMLbJDpUum2f3xvnitxL270jAsCF7nxZekUybt5XO0UmKuU/ILG9cxl0u3vcdy5HUOR8hj5xLYKlyXw0JdgSf75lusKnJ+MjRW7uLhkDUNadL0svvWd8unwyTjZLJuPefejTU/LxIldLxuduOavCkjEATLvzZemDPk2RTE4TP4H3zAW7ZONtffIT/+hPUwxV9dxPU0wUefcMP56Mk6PKJ+NX/DsMAIy6+aVo+wHH4F/qMy0z+45K3iHebkl+zjiT4ZrbT0zGcTF3i7zbcrn9yHJsv9lo/ozdqmWw++qp5rHOKvKzlYyHSrc6XFDYiaWPNx5ZNQA4i0vRxUZ/im503/xec598lWbe4IcU+YdME4DKSl+K/u8//wEAbu/yyAFfJGMA4GKXRw74IhkDABe7PHLAl89IxpePBAA4nQs91UjGwAUevz2aj5M7bnfJd/L47fFt9eXQSF49o+NHj/s8eMTjHcZlX63L7holj74szu6in16iuUqecoYM9XDWETNc6KlGMqYEv5egeLXHfnlcJ+j0vhwKpkHsa4aebbfNHs6NHcdnFOTC3RnlY00cCoeCaeaI+W9C5pZjt8/R7x/OioZDq7lsf9YZsu0n821Gpp5DZ0iTCz3VlI4jx18wzd+lej+Px59f3nCg13Q7dRW86eIOzWi6AqN7nRuLn/2L/Vz/Q7tsL+GnBKBXzygIMasZxYlnNG3HM5rIZ7uzXs5id5BzM+qt19zSHDlbgqdGz8+4z0xNtsc9fobskoyppnSqOPiC+b6Wvzo8Nft/W2L7TqsnxtY3hOyzanW/ZPyeClyYjJtJrrnjkdwTPLUKHEdud710RpnC7rbMVynZSZC5h6q0O/fdE2n3oL0YvZ3R9KSm7abYXsXm+uw1CIrcO4eb+0rG3EnpVHFWMn55EWsk4+J9DlXvbbvfwHQFRm9Op5rlbhhvN84ltub2bYzoJaRmSJpfiLNnlG/TnPLQfb64z0w4G03Pu+0nvnk4XufdMUwfPTmS5kl7/AzZdh58Q5I89OgZ0iMZU03pVDH9gnn8+0/zqdWW7YPM7s2WB4++2h5O88+l5cbV4+2DZie9Ppfbe2PoHTGzWM369Kq6u3uzgL3d86fTbp/LZskVbB4oc3qsTrPMkJo9DI0t1SyXjJvJNXlBzSTj3oNgx6ExNDs5fUarzofmnjxWsONoik2uUT5LDW1MdrisZCbJnRWFJ1Zz6FyK+9xONnno1b5HzpCAZEw190zGf81tL0UtHzdDw/LvePdzj97b2JlmI61uH6/ya9Cy2Wdze/5A+WVqVimo9sHdk+JYuTrQ6rSZOFbv0PGM4o3xCTk0pG6zwSizfLDavtqSv6jHD7YdrrrdvYUWzP30GS0HH2fffIe93o7knuYcd8+QTNpORt7gKMH2uKS7TwXTP7iazeJMrGnQbeaUGyqOZMydSMZRy2bEefz9J9i91+fyT7z7yDSzyTjeGPfZ3J4/UH6Z4hAcJ9Te7r3KjxQ5dS69KBn3DpScZm/WQyPMNE4m4+2FfDf3ZK67yWTca38kGb9oRr0pBCl2NyQNtcxk06G5J/vMVGa3Ypllytc/PmJynKOrudtytM+DAzi4mj2SMdVIxlHLbcSJo0n+6Jnt6WneKhk3y96rfPxlb5epIn9GMu51+IZknIzF26eGUm/mWNsrdC/M9WJifhavm9EqYcTtV1MOppMf5Fw+y1cs8/1GJpfHdksaD2N06eO5ZMo1lFmHzpDlLqNH6dUzOeyYZEw1knHUchVx8rsfPPqzn2ZaLc9Jxid+mmK3n7hWwTckvcZxy97GfDQcXc3VliMZdC4ZbzfGdZuowLrB25NxPo3Fu+dTQrICZ80oP4xtxI+/K8gM8hXJOBlhJ5Z4t0FwlLkOh9oc3+Vgn81AHBc/U9LRXZokY6q5bTJ+LP40twctvx9//716qtdJcwyjRw86bE2z8dNyq+2Zn9Lr/Whdr8Pt9uDLzGJltqxqFa9Fc013l+zgubQ8Zw4eaDXHbVeZaW67Cio8ukb/enYwFi+fjRPSts1yS/JwozF0zukzmivmqvFulTLZ/axkPNqmWajpPidOg1dE2ORBt9/DHBlqvobPxHLHzSRjPt1tkzGfZTSofdZBL5ndueOJ8/3BZNzbZTdcZsaw6mF5VzVz83KgRGfPaLSY25w9PfdkMTM9b3fPVD6/MVPY7QJtBzY3zoOnSvzUUDjOPJWcUSbmTq/Clgs91dS6YK94wfAicc77xAMBfCIXeqopfc32ggGAG3OhpxrJGAC4hgs91UjGAMA1XOipRjIGAK7hQk81kjEAcA0XeqqRjH+K1W+6BYDLudBTTemc9NEvmOR///b2UZVecQB+lI++0HNLpXPSR79gJGMAiH30hZ5bKp2Tqr1gvv+v4+T/kBz/h8y9PntHaY3nnw9IrD4s0fvsxHLLtn2z597uAHBQtQs9lA46BV8w27S6isjNx7stt30uo3M4nsf2cXPj7peZ3QHgRAUv9PxwpXNPwRdMM+9u7xD3Wu4+zjz775ZRCN7e900m4+Wfy2sOwF0VvNDzw5XOPQVfMHGKzbc8Kxk//060vch78J4xALxOwQs9P1zpDFTwBfOKvHt6MvZpCgA+QsELPT9c6dxT7QXT/NTEcnuzfa+H5Y/ZNX+Ar9dJa2CNH5VbfSKi9xmJ5nY/gQfAG1S70EPpoOMFU41kDMCJXOippnTQ8YIBgBtzoacayRgAuIYLPdVIxgDANVzoqUYyBgCu4UJPNZIxAHANF3qquW0y9v+3AUBxkjHVlM6OB18wkjEAVCYZU03p7CgZA8CNScZUUzo7SsYAcGOSMdWUzo6SMQDcmGRMNaWz4/EXjHAMAGVJxlRTOji6ZwwANyYZU03p7CgZA8CNScZUUzo7SsYAcGOSMdWUzo6SMQDcmGRMNaWzo/8DDwBuTDKmmtLZ0QsGAG7MhZ5qJGMA4Bou9FQjGQMA13ChpxrJGAC4hgs91UjGAMA1XOippkQy7v0eCS8YALgxF3qqKZGMn53fPewFAwA35kJPNZIxAHANF3qqkYwBgGu40FONZAwAXMOFnmqqJONnKxx7wQDAjbnQU02VZBzfMwYAbuzyHAJfJGMA4GKX5xD4UjcZPx6Py1+oAMAbXJ5D4EvpZNy8kQwAAK9QInr2QrBkDADA2xSNnm4YAwDwZtInAAD88ZSMAQDgi2QMAAB/PCVjAAD4UisZ+8E7AACuUiuGisUAAFylVhKVjAEAuEqtJCoZAwBwlVpJVDIGAOAqhZKoWAwAwIVqhVHhGACAq9RKopIxAABXqZVEJWMAAK5SK4lKxgAAXKVWEvV/4AEAcBUxFAAA/nhKxgAA8EUyBgCAP56SMQAAfJGMS/j916/ff/2a2OuUQ5/YGwDA55KM32c3/u5m068eepItewddPtg2nsvulX3KjD5lnABwAz8xGWd+Mdzj7z/nHjqTfY/svttyN0A/+3eRj+ezZlWPL8f0SgUzOj2PHuntRcl4rp5nvS62nfROD7/MEYC3ufP1Jn81DSLCiePJ5Jt8Mp7L0Ml7xqOHGyrydFXjuHb6csxN+fQUe8kN42U9mxH2eP/BN0jNU0U4BuAN7nyxqZaMd61u2TYb5D9NERyi12dvy5uXY6KHV6xUkWR8iVcn420nkjEAFdzzYvP495/t9t2W38/2et5uPD7sTDJePQhaHvmccfIopy/H7vag57OWI/iY9fabh6DUvX23uzSPfmLlv0u3/DKu/KrZtsLNOg9VPmj5kIwBuMidLza9S2kmcjW3967Tb07GmeR68J7xbv+vW44gDL1hOZofIMlvzFd+uZQv+vjKsjLLvyfque2zF16PJ+P8MADgdHe+2LwiGTdvoZ0in66G7gTvbm8G4nd+miJf5HyGfsUqNG/9NptlKt9LxqcX/0XJ+Hjlmzu+YYkBIHDni81L7xmfbvq+Y6Zl0MM2jdW5Z5xv+epkHNzWPTcZn1jwZWU+Ihm/6EAAkHfni80HfZoiedO395HW5sdVkwcK2uw2Pv1fz4Miv2c5hj44kV+43o7Tn6aYqPzuaX88GR85H3ZvIS8/vyElA/AiN7/ArC6i8b/UZ1pm9h018cmHeMfnu34CLz/xuJi7Rd5tudx+fDman71u1jD4BibocHV7vnmgsyr/bCXjoXquDhdUe+J8mD4ZptcXAAIuMBeLM1Acwk75NMXqy1VE2x3/T84or/jwQ95PrvxPnjsAL+UCw6SffOvu3B+SU3lzB6AI1xgAAPjjWTwZ/99//gMAwO1dHjslYwAASrg8dkrGAACUcHns/KRkfPlI2HXjn4uamNrYb1X7rfWrfP+98fvL7YOgWdD48dujp9ntRLNgnPk+M0Ub6qE5sKAa226bRR46dLIa8Yx2j5iv7VDlk3utDrp7PkwPY6iY21FNr/vQdIZeBcHrK7OyzdfgxEtsrkrL9vHSj57zybLPTXBu+pmujjTrTTw5/eBFl+nzpa+OlWphr3SaubBYj7//vOtwf355w4FeVK76RX7nBPPtk++b26d6O+avXvnxDEx8L5HPzTpZh0wPoxeVuMLfWzKNM9eVeEajGSUz6+Usdgc5N6PMKTF6AgyZ6DkTJuLzpFexiXXPz2Kbcoay1PF6bitz8FXZLODxt6npM3l3jYbee/Pth17v+RGOrlSv5dCrY0syHvCKYg1FnPeEtu+0emJsfUPIPqtQknFy4+qpubfF5bOj6Wp0Rr1up6/6vW57F8uh69+R8fT2Ot7J0FX5yNwzizJUsV6OCSp//Nw7vprBLkPX/ol0FZ9Ioy/PZuXfUM/loudfcaNjO/h+NXom5zvJvLKa71e7KTbfcrTyE+//B18dW5LxgJ+WjIv3+aIqfUQyHh1nsnEyjjQTxvdT25aZN8f8FX2oz96z+W6zFT4jg8612Y42U+R8n5mCZHrutRm6siarOlfn3TFMH31uNVdrmuknKGavqtPrnuxz2/6UMmbq2azeKa+45oympxZXZu6tMljQZptexXZPvIPvdduxBdV4xaujSTIecLBYj8Wf1ZffwaXZYNlDr8/VluWD1fZwhH8uLTeuHm8fNDvp9bnc3htD74iZOjfrE5Q63r1ZwN7u+TNht89ls2bjoSOmmo1ca4dnfWoUS/a5fBC87Q6FtmDw28MdLMt350HL/IW5N+v4urJbkPyVezR1JTcmO1xWMnOCnZ7hhlZzaI2Cjc3Tvtdtft23pYsruertrNom67n72gxOznimu2FuaC5xheM6Hzl6cGIEo8q/UQcjHCrm6a+OHsl4wJFi9TLNbjLrPRX32ew2G49aaXX7eJVfg5bNPpvb8wdKlrpXpYNFnk6owXIEB1r+PXHc02Px9/ahRDKaRabfareHXo15u+NQEOwdaPlgtb1XjcwUlm12Kxx3mIxHQwXJJ6ShImcCytApkb+mDq3+UMhLrmZynM2nRl+w0y+E7e7BOuZLd3o9mxMZetHFC7S7S35Gy4nEp2Xm1RE0CxZu980hue7bAcSl25bxna+OLcl4wCn3jLcbmy2bT22z0fJP3OfIOLPJON4Y99ncnj9QXOfel70Cju7eq/xIkaPFPTcZJxtn3om22zOXxvyW+D06eCo+9PYNN38VSdZtdVWLd0++WSeL3Jzm8ZbJq29+7qNFzl/G8sVMnjn5ASRPkonV3B3n9kyemP5Z694cT9zt++s5V6t8PYO5J2eUbzwqnu/3ceOV6r15Jo+bOTd2i9n88uCrY0syHnBKsTL5Jp+MM4cYH+GtknGvnqv0mSlyb5epItdKxpm3od5T8YVk99rf6yTz/rh7UVy+swdvu8evRskhNbf3Rp5sP3FdyVyudh/np7O7S7NBJp/Fdkuav6gfn8vEam7P3qDbeCSZDDe97qs+828Fr67n7vvD7qTy40y+Wx6Z+ITldHovjdHBfC93/IobqlL+nf8Vr44tyXjAez5NEWzPhLZg32SWOisZn/hpit1+MoVKlms0GS835tNqMhk3B99b4qHDrRuMJ+NMBFw+lblwrvocCm3xl/HRk1e14KKSD529cU5fWbcBpTfZ/CDnElJmfTMX1GZBRpPK9tBDVc00SLaZW83d7UNn0eirNbNLLxAHQz0rPR/c5fj0t9U+PqP8W1P+ZD4e9JMn3lC3zRy8fR/LH+vgq2NLMh5wMBl//2k+td3Y230Vm3pbmj0kxtn4abnV9sxP6fV+tK7X4XZ78GWm2pktq1rtFnm5vdfsyMnQ29g8H0ZPv+jZwbC4ejZ5Sc68Rx8MYbtv7r2hnpuMg8y3bbPbc34tdq/WExfU44syMaOgUNN9TlwpT4xcx7vN5/54jbZBpHeUc9c9Gc1Pr+dEfN8dcO/d7+C8zgrBo2NrngwnJuP4vW47yImSHnx1bEnGA95WrNHcQ5EavuegE0eJU/tEMv5uEwTHVUbcmmgZHL05/tU7cjC75NF3L0vxBTWeztACxTNtFjk5zd75EMepE5c4vzFT2O0CnXLSThvtZHfimUN8r1Gw+9y6747kwno2Z5d8Q1gNfre2c4ubKVdyssFI5irfa5kZUnyU4DzMnFTJA+VfHVuS8YA3FOvx95/LJ8sQq3Z7Z13IAahMMv7gYgEAcKJqYU8yBgDgGtXCnmQMAMA1qoU9yZi3Sn5ydOjHIACAD1Ut7JUOHNWK9a/Czf4M5ikHqiz+yeXkT+yufrL744oAAGRUC3ulA0e1Yv1TtQOxeOhXrswlwhf9gp7eL7VJ/qab7a8x2v0VM5IxANxbtbBXOnBUK9Y/VTv1hnGQ/44kwuNpMvhljckGvW7j4L7s/xW/jxMAKKJa2CudM6oV66+Snf05iuRv5z6r27ndh5JxUKXd3yv+vfHEX+cOANRULeyVDhzVivVXyWaT8fauZ3w3tPdJhlX7/O7bx73dd2/6Ng8R9LA9aO+p5tElYwC4pWphr3TgqFas5xk3jPOx79y7tvndk7F46OhDFZOMAeCHqBb2SgeOasV61kvG31/u3nntheDmTetThrTdt6d5lGRjAOBzVQt7pXNGuWKd8Qnj6WT8XETGZrOD94wnxumeMQBwRLmwd/kIPqlY703G26e2yfgVn6bIdB432M36cTSXjAHghygX9i4fwacU65TPUWw/FRB/TiB543bVSfAZiWAA8ax3+xyqVT6RT9QZAPgUpcLeUzIeqNQZN4zPOm5lmVicv739oUUAADJKhb2nZAwAwFWqhT3JGACAa1QLe5IxAADXqBb2JGMAAK5RLexJxgAAXKNa2JOMAQC4RrWwJxkDAHCNamFPMgYA4BrVwp5kDADANaqFPckYAIBrVAt7kjEAANeoFvYkYwAArlEt7EnGAABco1rYk4wBALhGtbAnGQMAcI1qYU8yBgDgGtXCnmQMAMA1qoU9yRgAgGtUC3uSMQAA16gW9iRjAACuUS3sScYAAFyjWtiTjD/e779+ff99Yz9kmgDwo1QLe5LxZzuYF3//9evL5bOIxyAWA8AtVQt7kvHLKvv48w1HOSUyVkickjEA/EDVwp5k/LLKviUZn6JC4qwwBgDgzaqFPcl4pFiPP7/y7veD5fbvLd9fbjcGj4MHE74/JrFMnL3PTjS3NPd9bj75sO0wbtls3NyeXpTS5zAAECgX9i4fwQcV69lKq6uI3Hy823Lb5zI6jw5ylUeDjbtfxiE4v3F0SADAT1At7EnGg/Vq5d3tHeJey93HmWd3NVPmKcl4egDLe8OSMQDwpVrYk4wH6xWm2HzLH5iMh4YEAPwE1cKeZDxYrxfk3Zcm43M/TdE8VvKDy0NDAgB+gmphTzIeKVbrUxPL7c32vR6WP2bX/AG+XicZ8Y+7bbfs/rRc8KNy+R+qixvPBWU/gQcAn6tc2Lt8BB9ULN5GMgaAn6Ba2CudKqoVCwCAE1ULe5IxAADXqBb2JGMAAK5RLexJxgAAXKNa2JOMAQC4RrWwJxnPFu63RumaGwEAaKoW9konuWrF+qdqJ8Xix2+PU8L0Vz9vyOWi/4WSS9w8GY4v3HtOsPxIigxmrkrT65jf3XIAn6Ja2Cv9dlatWP9UbfZytW1zSmQ5q6sTR/URPm6auwN+xclQs1ylBvO6gV04zaFDl10OoL5qYa/021m1Yv1VsgN3cV6ajF89x/v5uGnmk/Hty1VqMK8bmGQM3F61sFf67axasf4q2VQy/v43x9W/PH49bv7z9+6/UTb7bD7ePmh2Eo+zOZ7e0Uf/6T841lCfvcbNPjOli8s4t0b5cY5WKbNwmZNh9+gTq7m7Md/ns/NN5mjp8kfPly55PmSWYzvN46uZKXLw6lg1GF0OgK1qYa/021a1Yj0Pf8K4d/1YPRtfcjJ9bh8PHah30CCdxAfa7S0eUr7PVePRaQYtm7Fjepr5ceY3Di1c8mTIn4rHB58vXfzlq2d08AWbXI6gt+nVHCpy/tWRXA6Apmphr/R7VrViPV+TjLePm/dsjvcZb8zMaDqODB1lWYHRPnsFadZzKBknW8bj2e1zO86hM+TgwiWPPrSazXM4c2LHR+y9ErcFmT56s8+D53x+OeJpzq1mPMdkhZtPNcN68ujAD1ct7JV+zypXrGOxuNl4KLCe1WfxZLzt6ngyPlK6oZbxUfJ95ov8ioU7OM3ksxNLmaneRGF3j/KJyXh3GPluVxszyXj06MCPVS7sXT6CTyrWFcn4YBCcu6K/PxmfmDxekXffn4yLLNy1q5mPjJ8yo/zgg97e8DIM9poeEkBTubB3+Qg+pVjHY/H3Lsur1/bL5lNxb9uWj3//a+bEgVYbm/30ptA8UDz+ucFPFCSeZnOmvTEcGdLQOIM67PYZTCd5MvSWPrOaQ3Of6DM50+NH3z0Vk1XKL0e86NOrmTw/gxM7eXrkiwz8cKXC3lMyHqjUScmYn8ZJwm04mYHTlQp7T8kYXsqdM+7BmQy8SLWwV/ptrlqxAAA4UbWwJxkDAHCNamHv8d///m9Z38W6fCQAAJyuWtiTjAEAuEa1sOfTFLM32+/1qyrq/GzNwZHUmcg9xnlwRvebJgDnqhb2Sl+0qhXrn6rdKxZnBv/On0wfOsru71t93SCPh/gLj35iEeIZXT5IACqrFvZKX7SqFeufqr0+Abw5TyQP94ZRjcbi7f878OYBvOEoFy5Hfgy9wVQYJABlVQt7pS9a1Yr1V8necmPsxybjywv1nmRcc+6vGEOFQQJQVrWwV/qiVa1Yf5VsNhmv/kPX1fb4v5ndfRw8mJhU7z+M7X2QNLN7sDE5wuSQhpZy2WdQ+VWDuYJMT7P32YnM0eOzrjnIzNF7y7F7agHAUrWwV/qiVa1Yz8M3jONgtxu5eo+DHJaM7JkDJVvmNzYHvzvCs5Lx8crnS3dkmi86enLj6JB25wUAS9XCXukrVrViPc9IxtstvduEwb7TSS4zsGCX3vR370f2Nh4p+2jxeyNPznG31MFqHpnmKcl4egDNGQ11LhYDEKgW9kpftMoV61gsbjbu7f4pyTi4OX28XHNDOtj5wWR84kh2l+Y9yXhoSK9YIABurFzYu3wEn1SsFyfjgveMJ6LY0L+/J++t5ofU2/1IPYPt+Ww6Pc0XJePk/fLRISXrBgBfyoW9y0fwKcU6JRY3/52994/vQcvvp5r/0r39cnR22yE1/1U9OaTduQ9VL1O63UoGQwrax2uxO84Tp5k/er7yQ+dnbwC7pxYALJUKe0/JeKBS5302oKB8dPtQB2d37+K8tOxKB0CgVNh7Ssbc3sFwlrwtDQBMqBb2Hv/97/+W9V2sy0cCAMDpqoU9yRgAgGtUC3ul/4242g12AABOVC3sScYAAFyjWtj7jGQMAMCNXR47JWMAAEq4PHZKxgAAlHB57PyAZHx0bo87zw4AgHPdOTtKxgAA5N08OwrHAAAk3Tk4isUAAOTdOTtKxgAA5N05O0rGAADk3Tk7SsYAAOTdNjs+Hg/JGACAPNkRAAD+eErGAADwRTIGAIA/npIxAAB8kYwBAOCPZ5Fk7PdIAABwuf8HlJRNB1U0jzoAAAAASUVORK5CYII=" alt="" />
什么问题呢? 小二这就给客官解释一下,我当时由于为了填充数据,实际没有那么多列,所以绑定数据的时候就把列重复绑定了,页面呈现是没有问题的
但是格式化和内容显示为红色啊,背景变色啊,这些发现都没有效果了,why!why!why!why!!!!,其实一直不晓得问题所在,当然也是官网,度娘啊的
查寻,大神都给的是官网demo一样的代码,最后终于一个大神也遇到这个问题了,哈哈,原来是绑定的列重复了,前面的字段和后边的列字段名称
是一样的,但是前面的没格式化,后边的格式化,所以就出现了没有效果的问题,所以啊,注意细节问题,还是蛮重要的
当然颜色这个格式化问题,和网上说的不太一样,有的都给的<span style='color:red;'>sss</span>返回,试了很多次,去火狐浏览器
查看元素发现,<td style='<span style='color:red;'>sss</span>'></td>这样了,
所以加颜色的话,只返回 color:red;这样即可,不要想当然哦!
接下来说一下获取行问题,其实啊,上面说了一点问题了,也是比较坑的,我是研究一个java童鞋说的源码的判断问题,才解决的
当然啦,非常感谢那位大神啊救我于水火之中
function GetSelectedRows() {
//idField 注意此字段要绑定的话必须是数据库自增的或者不重复数据的列,不然只能或许第一列值
var ss = [];
var rows = $('#datagrid').datagrid('getSelections');//选中的多行
//var rows = $('#datagrid').datagrid('getSelected');单行的
for (var i = 0; i < rows.length; i++) {
var row = rows[i]["moveid"];//1获取行的值
//var row = rows[i].moveid;//2获取行的值
alert(row);
}
}
获取选中行的数据问题,在强调一下idField-------绑定的问题,引发的问题,就是获取多行的值时候,都是一个第一行的值,不会循环得到所有行,这个值呢跟当前页选中也数据也是有关系的,所以慎重对待它哦
解析一下为什么,因为绑定一列数据有可能重复的数据的话,当选中多行的时候,它认为你选中的都是一样的数据,因为idField它绑定的数据重复了,即一样的行
接下来就是查询了
//绑定查询按钮的的点击事件
function BindSearchEvent() {
//按条件进行查询数据,首先我们得到数据的值
$("#btnSearch").click(function () {
//取值有几种方式:$("#id").combobox('getValue'), $("#id").datebox('getValue'), $("#id").val()
var queryParams = {
IdOrName: $(".easyui-textbox").val(),
}
//将值传递给
InitGrid(queryParams);
return false;
});
}
这个呢等于说是重新绑定了一下,获取有什么reload什么的,也可以做到吧没去研究,既然封装了,就传参数进去重新调用了一下,效果都一样,上面注释获取值的方法也写了。
好久不写心得和研究这么东西了,感觉写起来还挺费劲,也是项目用到这个,花时间一天时间研究一下,趁加班,整理了一下,希望可以给初学的同行,一点点指导,少走一些弯路,少花费一些时间,让你的领导对你刮目相看
在很短时间内去适应,搞定一个东东,里面还有很多东西没去研究,比如动态 行编辑,增加,删除,以后用到再继续更新吧,祝大家新年快乐!
jquery.easyui代码详解,和遇到的问题,提供大家在使用的时候少走弯路(一)的更多相关文章
- jquery.easyui使用详解,和遇到的问题,提供大家在使用的时候少走弯路(二)
上次解释了几个易犯错的地方,当然对于大神们那都是小菜一碟了,今天来说说后台请求数据,分页,返回json数据 废话不多说献上代码 private string QueryList(ArrayList a ...
- jquery的css详解(二)
jq的工具方法style用于设置样式,jq的实例方法css在设置样式时就是调用的它,接下来分析一下源码. jQuery.extend({ ............................ st ...
- jQuery 事件用法详解
jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jque ...
- JQuery自定义插件详解之Banner图滚动插件
前 言 JRedu JQuery是什么相信已经不需要详细介绍了.作为时下最火的JS库之一,JQuery将其"Write Less,Do More!"的口号发挥的极致.而帮助J ...
- jQuery.ready() 函数详解
jQuery.ready() 函数详解 ready()函数用于在当前文档结构载入完毕后立即执行指定的函数. 该函数的作用相当于window.onload事件. 你可以多次调用该函数,从而绑定多个函数, ...
- jQuery extend方法详解
先说个概念的东西: jQuery为开发插件提拱了两个方法,分别是: $.fn.extend(item):为每一个实例添加一个实例方法item.($("#btn1") 会生成一个 j ...
- 开胃小菜——impress.js代码详解
README 友情提醒,下面有大量代码,由于网页上代码显示都是同一个颜色,所以推荐大家复制到自己的代码编辑器中看. 今天闲来无事,研究了一番impress.js的源码.由于之前研究过jQuery,看i ...
- jQuery.hasClass() 函数详解
jQuery.hasClass() 函数详解 hasClass()函数用于指示当前jQuery对象所匹配的元素是否含有指定的css类名. 该函数属于jQuery对象(实例). 语法 JavaScrip ...
- jQuery.attr() 函数详解
一,jQuery.attr() 函数详解: http://www.365mini.com/page/jquery-attr.htm 二,jQuery函数attr()和prop()的区别: http: ...
随机推荐
- ASCII编码对照表
Bin(二进制) Oct(八进制) Dec(十进制) Hex(十六进制) 缩写/字符 解释 0000 0000 0 0 00 NUL(null) 空字符 0000 0001 1 1 01 SOH(st ...
- [转]MYSQL高可用方案探究(总结)
前言 http://blog.chinaunix.net/uid-20639775-id-3337432.htmlLvs+Keepalived+Mysql单点写入主主同步高可用方案 http://bl ...
- Leetcode 详解(ReverseWords)
Leetcode里面关于字符串的一些问题,描述如下: Given an input string, reverse the string word by word. For example,Given ...
- 点击document隐藏某个div
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- aspnet Global文件概况
<%@ Application Language="C#" %> <script runat="server"> void ...
- Asp.net MVC 示例
public ActionResult Browse(string id){ using (musicstoreEntities db = new musicstoreEntities( ...
- linux下查看tomcat和jdk版本号
linux下查看tomcat和jdk版本号的命令: 这个需要进入到bin目录下面 ,执行"./version.sh"命令 [root@hncsweb bin]# ./version ...
- 开启GZIP(转)
因为在做一个项目,项目里面服务器主要提供数据,但是数据多了文件就大了,比较浪费流量和时间,我们便用Gzip来处理.我在本机上是apache,服务器上是IIS6.0,用的是php,那么我就在这里分享一下 ...
- Android Design Support Library使用详解
Android Design Support Library使用详解 Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的And ...
- Mac下手动安装SafariDriver extension
环境:Mac OS X Yosemite 10.10.4下, Safari 8 Step 1:第一次运行SafariDriver时,先找到WebDriver extension的安装路径,比如/Use ...