Jqgrid添加自定义按钮

一、

    colNames里添加一列

二、

    colModel里添加一列  例如:{name:‘Edit‘,index:‘Edit‘, width:60} //注意:颜色一样的属性要对应可以自己定义

三、

    添加jqgrid代码:(添加到$(grid_selector).jqGrid({   ...})里即可

gridComplete: function () {

var ids = jQuery("#grid-table").jqGrid(‘getDataIDs‘);

for (var i = 0; i < ids.length; i++) {

var id = ids[i];

var rowData = $("#grid-table").getRowData(id);

var editBtn = "<a href=‘#‘ style=‘color:#f60‘ onclick=‘_edit(\""+id+"\")‘ >编辑</a>";//此处会将点击行id传给_edit(id) js函数

jQuery("#grid-table").jqGrid(‘setRowData‘, ids[i], { Edit: editBtn });

}

},

时间: 2024-10-24 15:14:54

Jqgrid添加自定义按钮的相关文章

CKEditor 添加自定义按钮

1.下载ckeditor,我这里下载的是CKEditor 3.6.2. 2.里边有压缩过的代码及源码,源码所在目录为_source,还有一些使用例子,具体不做累述 此处主要讲的是在使用过程需要添加自定义按钮. 2. 比如我要添加“插入代码”的按钮,起名为code.在ckeditor/plugins下新建文件夹code,在code文件夹里加入一个小图片如code.gif,然后在code文件夹里新建plugin.js文件,内容如下: //一键排版(function () { b = 'format_

ckeditor添加自定义按钮整合swfupload实现批量上传图片

ckeditor添加自定义按钮整合swfupload实现批量上传图片给ckeditor添加自定义按钮,由于ckeditor只能上传一张图片,如果要上传多张图片就要结合ckfinder,而ckfinder是收费的,所以就想通过自定义按钮整合swfupload实现一次上传多张图片的功能首先下载并安装ckeditor.下载swfupload解压拷贝到对应的文件目录下3.自定义工具栏按钮:我们可以自定义ckeditor工具栏要显示的按钮,工具栏按钮定义可以参考这里.现在我们需要向工具栏添加一个自定义功能

jqGrid 自定义按钮

jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}); jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters}); { caption:"NewBu

转:织梦ckeditor添加自定义按钮,实现自定义样式

1.首先打开/include/ckeditor 注:这里为本站目录. 2.打开ckeditor文件夹下的ckeditor.js文件,查找代码: n('Bold',p.bold,'bold',o.coreStyles_bold); 在其后添加代码:n('Custom',p.custom,'custom',o.coreStyles_custom); 注:这里的Custom为自定义,但必须第一个首字母大写,后面全为小写. 3.继续在ckeditor.js中查找i.coreStyles_bold={el

jqGrid自定义按钮和汇总问题

1,jqGrid的自定义按钮事件,是在左下角导航栏产生的, jQuery(grid_selector).jqGrid('navGrid', "#tableId", { edit: true,add: true, del: true,view: true}, { //edit按钮的一些属性 可以增加一些上述四个方法的设置 beforeShowForm: function (e) {} },{ //add按钮的一些属性 },{...},{...} //在上述四个方括号后直接调用此方法 .j

jqgrid 加按钮列

1.在jqgrid表格中增加列,内容是图标,定义图标单击事件,可以操作这一行的数据,如下图 2.前台代码 <div id="grid_List"> <table id="gridTable" class="datatable"></table> <div id="gridPager"></div> </div> 3.js代码 <script type

◆◆1OO ALV-单击事件,双击事件,添加自定义按钮事件(EVENT)实例

OO ALV中经常会用的行单击,行双击,application tool bar上添加按钮以及按钮的相应事件,如下: 1,单击:handle_hotspot_click 事件 2,双击:handle_double_click 3,工具栏上添加自定按钮: handle_toolbar,其中,butn_type = 3. 是分隔符详细参照下面代码 4, 自定义按钮相应事件:handle_command 这些事件需要用SET HANDLER先注册,然后再在类中实现,添加自己的逻辑. 下面是个完整代码以

小板邓:wordpress如何扩展TinyMCE编辑器,添加自定义按钮及功能

文章出处:http://www.cnblogs.com/huangcong/ 在functions.php文件里面添加: add_action( 'admin_init', 'my_tinymce_button' ); function my_tinymce_button() { if ( current_user_can( 'edit_posts' ) && current_user_can( 'edit_pages' ) ) { add_filter( 'mce_buttons', '

黄聪:wordpress如何扩展TinyMCE编辑器,添加自定义按钮及功能

在functions.php文件里面添加: add_action( 'admin_init', 'my_tinymce_button' ); function my_tinymce_button() { if ( current_user_can( 'edit_posts' ) && current_user_can( 'edit_pages' ) ) { add_filter( 'mce_buttons', 'my_register_tinymce_button' ); add_filt