JQuery MagicGrid 插件 Inline
编辑示列(行内
编辑)
MagicGrid Inline 编辑示列(行内 编辑),这是 MagicGrid 的一个扩展应用之一
为保持小巧灵活,没有直接写在组件中
此示例代码已于8月5日更新,添加了 MagicCombo 下拉框,并完善了数据处理逻辑
MagicGrid Inline 编辑示列(行内 编辑),这是 MagicGrid 的一个扩展应用之一
为保持小巧灵活,没有直接写在组件中
此示例代码已于8月5日更新,添加了 MagicCombo 下拉框,并完善了数据处理逻辑
<link href="/javascript/combo/css/default.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/js/mac/src/combo.js"></script> <style type="text/css"> .combo .tr { display: block; } .grid .combo .body { margin-top: 24px; } .grid .cell { border: 1px solid #CCC; overflow: hidden; height: 20px; } .grid .cellTf { border: none; height: 20px; width: 100%; } .grid .cellNf { text-align: right; } </style> <script type="text/javascript"> $(function(){ var gd = $('.view'); var idx = 1; //index of new record var crs = {}; //changed records var dd = []; //data for combobox for(var i=1;i<=5; i++) dd.push({ code: i, name: 'Subject ' + i }); gd.onChangeValue = function(r, f, v, b){ var k = r.no, x = crs[k], o = gd.oldData[k] || {}; b = (b==undefined? (o[f]==v):b); if(b){ if(x){ delete x[f]; if($.isEmptyObject(x)) delete crs[k]; } }else{ crs[k] = x || {}; crs[k][f] = v; } } var cols = [{ field: 'no', title : '<input type="checkbox" name="all" />', width: 20, render: function(r, tr, vw){ var a = $('<input type="checkbox" />'); a.attr({ name: 'no', value: r.no }…………………………………………………………………………<p style="COLOR: red; FONT-SIZE: 16px"><strong>转载:<a target=_blank href="http://www.verydemo.com/demo_c110_i14458.html" target="_blank">http://www.verydemo.com/demo_c110_i14458.html</a></strong></p>