如何在jquery中轻松绑定web服务ui CRUD DataGrid

Question

我正在使用jQuery EasyUI CRUD数据网格开发一个c# asp.net网站。但是我需要用我的web服务替换.php文件来绑定数据网格，如下面的代码片段所示。请给我一个建议。

 <table id="dg" title="My Users" style="width:700px;height:250px"  
            toolbar="#toolbar" pagination="true" idField="id"  
            rownumbers="true" fitColumns="true" singleSelect="true">  
        <thead>  
            <tr>  
                <th field="firstname" width="50" editor="{type:'validatebox',options:{required:true}}">First Name</th>  
                <th field="lastname" width="50" editor="{type:'validatebox',options:{required:true}}">Last Name</th>  
                <th field="phone" width="50" editor="text">Phone</th>  
                <th field="email" width="50" editor="{type:'validatebox',options:{validType:'email'}}">Email</th>  
            </tr>  
        </thead>  
    </table>  
<script type="text/javascript">  
        $(function(){  
            $('#dg').edatagrid({  
                url: 'get_users.php',  
                saveUrl: 'save_user.php',  
                updateUrl: 'update_user.php',  
                destroyUrl: 'destroy_user.php'  
            });  
        });  
    </script>  

Answer 1

您可以使用jQuery Ajax，与jTemplate。

$.ajax({
    url: "Your webservice path",
    type: "POST",
    data: "JSON formated data to pass in the webservice",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    cache: false,
    success: function (data) {
       //You can further use jTemplate to output the data.
    },
    error: function (data) {
    }
});

下面的链接显示了jTemplate的一个简单示例:http://www.codeproject.com/Articles/45759/jQuery-jTemplates-Grid