日期:2014-05-16  浏览次数:20305 次

关于jqgrid的单元格默认值问题
本帖最后由 nierblack 于 2014-04-17 17:08:00 编辑

<table id="grid-table"></table>
<div id="grid-pager"></div>


<script type="text/javascript">
jQuery(function($) {
var grid_selector = "#grid-table";
var pager_selector = "#grid-pager";
var operation='<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons"><a class="blue" href="#"><i class="icon-zoom-in bigger-130"></i></a><a class="green" href="#"><i class="icon-pencil bigger-130"></i></a><a class="red" href="#"><i class="icon-trash bigger-130"></i></a></div>';
var grid_data = 

{operation:operation}
]


jQuery(grid_selector).jqGrid({
//url:'tpl/f4Data.php',
datatype: "json",
height: 250,
colNames:['XX', 'XX', 'XX','操作'],
colModel:[
{name:'id',index:'id', width:20, sorttype:"int", editable: true},
{name:'station',index:'station', width:70, editable: true},
{name:'remark',index:'remark', width:70, editable: true, editoptions:{size:"20",maxlength:"20"}},
{name:'operation',index:'operation', width:20, fixed:false, sortable:false, resize:false}
], 
loadonce:true,
viewrecords : true,
rowNum:10,
rowList:[10,20,30],
pager : pager_selector,
altRows: true,
multiselect: true,
        multiboxonly: true,

//loadComplete : function() {}
editurl: 'editTest.php',
caption: "XX管理",
autowidth: true
});

});
</script>


源代码如上图,因为操作单元格的每一行都是一样三个按钮,不可能每一次都后台返回三个按钮的HTML 吧,想在前端设置成默认值,但各种搜索未果,只有向各位大大求助。。。。
------解决方案--------------------
{name:'operation',index:'operation', width:20, fixed:false, sortable:false, resize:false,formatter:function(){return operation}}