Javascript 如何在asp中将FlexGrid导出为excel和pdf

我需要导出excel和PDF中的

flexigaid

数据我需要知道我应该做什么。我正在使用

ASP xml

请看下图：

我添加了我正在使用的代码，如下所示：

<script type="text/javascript">
        $(document).ready(new function(){

            $("#fgrdProduct").flexigrid
            (
            {
            url: 'FlexiGridService.asmx/GetProductList',
            dataType: 'xml',
            colModel : [
            {display: 'Id', name : 'Id', width : 20, sortable : true, align: 'left'},
            {display: 'Name', name : 'Name', width : 180, sortable : true, align: 'left'},
            {display: 'Description', name : 'Description', width : 180, sortable : true, align: 'left'},
            {display: 'Unit', name : 'Unit', width : 120, sortable : true, align: 'left'},
            {display: 'Unit Price', name : 'UnitPrice', width : 130, sortable : true, align: 'left', hide: false},
            {display: 'Create Date', name : 'CreateDate', width : 80, sortable : true, align: 'left'}
            ],buttons: [{ name: ' Excel', bclass: 'add', onpress: doCommand },
                          { name: ' PDF', bclass: 'edit', onpress: doCommand },
                          { separator: true }
                          ],

            searchitems : [
            {display: 'Name', name: 'Name'},
            {display: 'Description', name : 'Description'},
            {display: 'Unit', name : 'Unit'},
            {display: 'Unit Price', name : 'UnitPrice'},
            {display: 'Create Date', name : 'CreateDate'},
            {display: 'Id', name : 'Id', isdefault: true}
            ],
            sortname: "Name",
            sortorder: "asc",
            usepager: true,
            title: 'List of Products',
            useRp: true,
            rp: 10,
            showTableToggleBtn: true,
            width: 1000,
            onSubmit: addFormData,
            height: 400
            }
            );

        //This function adds paramaters to the post of flexigrid. You can add a verification as well can 
        //return false if you don't want flexigrid to submit            
        function addFormData()
        {
        var dt = $('#sform').serializeArray();
        $("#fgrdProduct").flexOptions({params: dt});
        return true;
        }
        $('#sform').submit
        (
            function ()
            {
            $('#fgrdProduct').flexOptions({newp: 1}).flexReload();
            return false;
            }
            );  
        });function doCommand(com, grid){if (com=='Excel'){// i shd do something here! }else if (com=='PDF'){ here also} }//
    </script>

$（文档）.ready（新函数（）{
$（“#fgrdProduct”）.flexigrid
(
{
url:'FlexiGridService.asmx/GetProductList'，
数据类型：“xml”，
colModel：[
{display:'Id'，name:'Id'，width:20，sortable:true，align:'left'}，
{display:'Name'，Name:'Name'，width:180，sortable:true，align:'left'}，
{display:'Description'，name:'Description'，width:180，sortable:true，align:'left'}，
{显示：'Unit'，名称：'Unit'，宽度：120，可排序：true，对齐：'left'}，
{显示：'Unit Price'，名称：'UnitPrice'，宽度：130，可排序：true，对齐：'left'，隐藏：false}，
{display:'Create Date'，name:'CreateDate'，width:80，sortable:true，align:'left'}
]，按钮：[{name:'Excel'，bclass:'add'，onpress:doCommand}，
{name:'PDF'，b类：'edit'，onpress:doCommand}，
{分隔符：true}
],
搜索项目：[
{显示：'名称'，名称：'名称'}，
{显示：'Description'，名称：'Description'}，
{显示：'Unit'，名称：'Unit'}，
{显示：'单价'，名称：'单价'}，
{显示：“创建日期”，名称：“创建日期”}，
{显示：'Id'，名称：'Id'，isdefault:true}
],
sortname:“名称”，
分拣员：“asc”，
是的，
标题：“产品清单”，
useRp：是的，
rp:10，
showTableToggleBtn：正确，
宽度：1000，
onSubmit:addFormData，
身高：400
}
);
//此函数将参数添加到flexigrid的post。您也可以添加验证
//如果不希望FlexGrid提交，则返回false
函数addFormData（）
{
var dt=$（'#sform'）.serializeArray（）；
$（“#fgrdProduct”）.flexOptions（{params:dt}）；
返回true；
}
$（'sform'）。提交
(
函数（）
{
$（'#fgrdProduct'）.flexOptions（{newp:1}）.flexReload（）；
返回false；
}
);  
});函数doCommand（com，grid）{if（com='Excel'）{//i shd do some here！}else if（com='PDF'）{here allow}//

---

如何以PDF或Excel格式导出文件？

Excel onpress doCommand和PDF onpress doCommand和Excel onpress doCommand和PDF onpress doCommand