ACE框架使用总结3-按钮的使用
行按钮的使用
代码如下所示：function displayBtn(cellValue, options, rowObject) {var edit = "";<#if fun480002 >if(rowObject.operateStatus == 2 || rowObject.operateStatus == 3){} else{edit = "";}var view="";<#if fun480004 >view ="";var del = "";<#if fun480003 >if(rowObject.operateStatus == 2 || rowObject.operateStatus == 3){} else{del = ""}return edit +view+ del;}1.其中的displayBtn是在行中用总结中2的formatter显示，显示效果如图所示：
2列表按钮的使用
代码如下所示：jQuery(function($) {jQuery(grid_selector).jqGrid('navGrid', pager_selector, { // navbar// options<#if fun480007>edit : true,editicon : 'ace-icon fa fa-pencil blue',editfunc : _editAll_row,<#else>edit : false, editicon : 'ace-icon fa fa-pencil blue', <#if fun480001>add : true,addicon : 'ace-icon fa fa-plus-circle purple',addfunc : _add_row,<#else>add: false,addicon : 'ace-icon fa fa-plus-circle purple',<#if fun480006>del : true,delicon : 'ace-icon fa fa-trash-o red',delfunc : _deleteAll_row, <#else>del : false, delicon : 'ace-icon fa fa-trash-o red',search : false,searchicon : 'ace-icon fa fa-search orange',refresh : true,refreshicon : 'ace-icon fa fa-refresh green',view : false,viewicon : 'ace-icon fa fa-search-plus grey',}, {recreateForm : true,beforeShowForm : function(e) {var form = $(e[0]);form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('')style_edit_form(form);}}, {closeAfterAdd : true,recreateForm : true,viewPagerButtons : false,beforeShowForm : function(e) {var form = $(e[0]);form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('')style_edit_form(form);}}).navButtonAdd(pager_selector, {caption : "批量导入",buttonicon : "ace-icon fa fa-tasks red",onClickButton : function() {$("#uploadfilename").click();}}).navButtonAdd(pager_selector, {caption : "模板下载",onClickButton : function() {window.location.href="file/template/批量添加车辆信息.xls";},position : "last"});});显示如下所示：
其中上面增加按钮、删除按钮、编辑按钮、查看按钮和刷新按钮jqGrid原有的五个按钮，如果需要新添加按钮需要 navButtons.navButtonAdd这个函数去添加新的按钮。详情请参考点击打开链接
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！