如何使用 Flexigrid 在 asmx 中传递参数？

Question

这是我的代码：

$('#flex1').flexigrid({
            method: 'POST',
            url: '/services/MHService.asmx/GetSurgicalHistory',
            dataType: 'xml',
            colModel: [
                    { display: 'Surgical Procedure', name: 'SurgicalProcedure', width: 120, sortable: true, align: 'left' },
                    { display: 'Notes', name: 'Notes', width: 120, sortable: true, align: 'left' },
                    { display: 'Complications', name: 'Complications', width: 120, sortable: true, align: 'left' }
                ],
            searchitems: [
                    { display: 'Surgical Procedure', name: 'SurgicalProcedure' },
                    { display: 'Notes', name: 'Notes' },
                    { display: 'Complications', name: 'Complications' }
                ],
            sortname: 'SurgicalProcedure',
            singleSelect: true,
            sortorder: 'asc',
            usepager: true,
            title: 'Surigcal History',
            useRp: true,
            rp: 10,
            showTableToggleBtn: true,
            width: 805,
            height: 200
        });

现在这个代码可以工作了，我如何在网络服务中传递参数？我尝试在 Flexigrid api 中查找“data”参数，但似乎没有。

像这样的东西：

            method: 'POST',
            url: '/services/MHService.asmx/GetSurgicalHistory',
            dataType: 'xml',
            data: '{ id: 23, area: "anywhere" }',

Answer 1

更改：

data: '{ id: 23, area: "anywhere" }',

为：

params: [{name:'id', value: 23},{name:'area', value: 'anywhere'}],

或者如果您想使用新选项重新加载：

$("#flex1").flexOptions({params: [{name:'id', value: 23},{name:'area', value: 'anywhere'}]}).flexReload();

Answer 2

可以使用 params: 选项指定其他参数。如果查看 flexigrid.js 中的第 615-618 行，您可以看到代码在 p.params 中循环每个项目的位置，并将其添加到默认列表（page、rp、sortname 等）。

Answer 3

我最终做的是这个
在 flexigrid.js 的第 713 行上，我添加了这个

            for(opt in p.optional){
              param[param.length] = {name:opt,value:p.optional[opt]};
            }

，然后我可以做这样的事情，这

 $('#flex1').flexigrid({
        method: 'POST',
        url: '/services/MHService.asmx/GetSurgicalHistory',
        dataType: 'xml',
        colModel: [
                { display: 'Surgical Procedure', name: 'SurgicalProcedure', width: 120, sortable: true, align: 'left' },
                { display: 'Notes', name: 'Notes', width: 120, sortable: true, align: 'left' },
                { display: 'Complications', name: 'Complications', width: 120, sortable: true, align: 'left' }
            ],
        searchitems: [
                { display: 'Surgical Procedure', name: 'SurgicalProcedure' },
                { display: 'Notes', name: 'Notes' },
                { display: 'Complications', name: 'Complications' }
            ],
        sortname: 'SurgicalProcedure',
        singleSelect: true,
        sortorder: 'asc',
        usepager: true,
        title: 'Surigcal History',
        useRp: true,
        rp: 10,
        showTableToggleBtn: true,
        width: 805,
        height: 200,
        optional: { id: 23, area: "anywhere" }
    });

不是很好，但我真的可以找到任何其他方法，而且我没有看到任何新版本很快就会出现 8 ^ )

Answer 4

您应该在这里尝试一下：

http://bargaorobalo.net/blog/flexigrid-passar-parametros

它是葡萄牙语，但意味着您将附加参数传递给 json:

useRp   : true,
rp  : 10,
params: [{name:'ID', value: 100}]

并在 json 设置变量中接收：

$query     = isset($_POST['query'])     ? $_POST['query']    : false;
$qtype     = isset($_POST['qtype'])     ? $_POST['qtype']    : false;
$id = isset($_POST['ID']) ? $_POST['ID'] : NULL;

现在，您只需在 SQL 代码中使用此参数：

$sql = "SELECT * FROM PROCEDURE_NAME(".$id.") $where $sort $limit";
$result = runSQL($sql);

Answer 5

如果您尝试在某些单击事件中加载特定值的 Flexigrid 数据。试试这个
一样使用查询字符串

 var val1=value;
    url: '/services/MHService.asmx/GetSurgicalHistory?qurid='+val1,

我们可以像webservice 方法

，并使用字符串getvalue=HttpContext.Current.Request.QueryString["qurid"].ToString(); 从 webservice 获取

Answer 6

初始化flexigrid时，您可以在onSubmit事件中使用flexOptions，如下所示：

...
title: 'Surigcal History',
onSubmit: function() {  
  $('#flex1').flexOptions({newp:1,params:[{name: 'id', value: '23'}]});
  $('#flex1').flexOptions({newp:1,params:[{name: 'area', value: 'anywhere'}]});
},
useRp: true,
...

最好对多个参数使用循环

这可以避免直接修改flexigrid.js