JQuery MagicGrid 插件 Inline编者示列（行内编辑）

JQuery MagicGrid 插件 Inline 编辑示列（行内 编辑）
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>