Javascript jsgrid:是否向编辑按钮添加页面加载?

Javascript jsgrid:是否向编辑按钮添加页面加载?,javascript,jsgrid,Javascript,Jsgrid,我想将jsgrid编辑按钮的内置功能从内联编辑器更改为打开另一个页面进行编辑。我不知道该怎么做。有没有办法实现将默认编辑按钮更改为加载页面?这可能吗?到目前为止,我已经: 代码: <script> $( document ).ready(function() { $("#jsGrid").jsGrid({ height: "398px", width: "100%", inserting: true

我想将jsgrid编辑按钮的内置功能从内联编辑器更改为打开另一个页面进行编辑。我不知道该怎么做。有没有办法实现将默认编辑按钮更改为加载页面?这可能吗?到目前为止,我已经:

代码:

<script>
    $( document ).ready(function() {
      $("#jsGrid").jsGrid({
           height: "398px",
           width: "100%",
           inserting: true,
           editing: true,
           sorting: true,
           paging: true,
           autoload: true,
           pageSize: 10,
           pageButtonCount: 5,
           deleteConfirm: "Do you really want to delete your job listing?",
           controller: {
               loadData: function(filter) {
                   return $.ajax({
                       type: "GET",
                       url: "<?php echo site_url('/job/getjobs/'.$this->session->employer_id); ?>",
                       data: filter
                   });
               },
               insertItem: function(item) {
                   return $.ajax({
                       type: "POST",
                       url: "/clients/",
                       data: item
                   });
               },
               updateItem: function(item) {
                   return $.ajax({
                       type: "PUT",
                       url: "/clients/",
                       data: item
                   });
               },
               deleteItem: function(item) {
                   return $.ajax({
                       type: "DELETE",
                       url: "/clients/",
                       data: item
                   });
               }
           },
           fields: [
               { name: "title", title: "Title", type: "text", width: 100 },
               { name: "created_on", title: "Created On", type: "text", width: 100 },
               { name: "salary", title: "Salary", type: "text", width: 100 },
               { name: "is_active", type: "text", title: "Is Active", width: 100 },
               { type: "control" }
           ]
       });
    });

</script>

$(文档).ready(函数(){
$(“#jsGrid”).jsGrid({
高度:“398px”,
宽度:“100%”,
插入:对,
编辑:对,,
排序:对,
是的,
自动加载:对,
页面大小:10,
pageButtonCount:5,
deleteConfirm:“是否确实要删除您的工作列表?”,
控制器:{
loadData:函数(过滤器){
返回$.ajax({
键入:“获取”,
url:“”,
数据:过滤器
});
},
插入项:函数(项){
返回$.ajax({
类型:“POST”,
url:“/clients/”,
数据:项目
});
},
updateItem:函数(项){
返回$.ajax({
键入:“放置”,
url:“/clients/”,
数据:项目
});
},
deleteItem:函数(项){
返回$.ajax({
键入:“删除”,
url:“/clients/”,
数据:项目
});
}
},
字段:[
{名称:“标题”,标题:“标题”,类型:“文本”,宽度:100},
{名称:“已创建”,标题:“已创建”,类型:“文本”,宽度:100},
{名称:“工资”,标题:“工资”,类型:“文本”,宽度:100},
{名称:“是活动的”,类型:“文本”,标题:“是活动的”,宽度:100},
{type:“控制”}
]
});
});

我使用一个弹出窗口,一个jQuery对话框,但您也可以使用其他类似的东西,比如引导对话框

我将编辑绑定到单击一行,我的代码如下:

$("#jsGrid").jsGrid({
    ...
    rowClick: function(args) {
        showDialog(args.item);
    },
    ...
 );  
showDialog
是启动弹出窗口的功能。所选行在
args.item
中可用

然后,在
showDialog
函数中,在用户保存后,我使用以下命令触发jsGrid的更新方法,该方法还将刷新网格中受影响的行:

$("#jsGrid").jsGrid("updateItem", updatedItem);

希望这能有所帮助。

我使用一个弹出窗口,一个jQuery对话框,但你也可以使用其他类似的东西,比如引导对话框

我将编辑绑定到单击一行,我的代码如下:

$("#jsGrid").jsGrid({
    ...
    rowClick: function(args) {
        showDialog(args.item);
    },
    ...
 );  
showDialog
是启动弹出窗口的功能。所选行在
args.item
中可用

然后,在
showDialog
函数中,在用户保存后,我使用以下命令触发jsGrid的更新方法,该方法还将刷新网格中受影响的行:

$("#jsGrid").jsGrid("updateItem", updatedItem);
希望这有帮助