注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Bioinformatics home

 
 
 

日志

 
 

jquery的jqGrid & asp.net的完美结合  

2009-09-30 10:39:52|  分类: C# |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

jqGrid  官方地址:  http://trirand.net/demo.aspx

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="GridTest.examples.loading_data.sqldatasource._default" %>

<%@ Register Assembly="Trirand.Web" TagPrefix="trirand" Namespace="Trirand.Web.UI.WebControls" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">

    <title>jqGrid ASP.NET example with SqlDataSource</title>

    <!-- The jQuery UI theme that will be used by the grid -->

    <link rel="stylesheet" type="text/css" media="screen" href="/themes/redmond/jquery-ui-1.7.1.custom.css" />

    <!-- The jQuery UI theme extension jqGrid needs -->

    <link rel="stylesheet" type="text/css" media="screen" href="/themes/ui.jqgrid.css" />

    <!-- jQuery runtime minified -->

    <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <!-- The localization file we need, English in this case -->

    <script src="/js/i18n/grid.locale-en.js" type="text/javascript"></script>

    <!-- The jqGrid client-side javascript -->

    <script src="/js/jquery.jqGrid.min.js" type="text/javascript"></script>    

    <!-- This jQuery UI library is needed only for the code tabs, not needed by the grid per se -->

    <script src="../../../js/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>    

    <style type="text/css">    

        body, html { font-size: 80%; }    

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <asp:SqlDataSource runat="server" ID="SqlDataSource1" 

        ConnectionString="<%$ ConnectionStrings:SQL2008_449777_fhsConnectionString %>"                 

        SelectCommand="SELECT [OrderID], [RequiredDate], [ShipName], [ShipCity], [Freight] FROM [Orders]">

    </asp:SqlDataSource>        

        

    <trirand:JQGrid runat="server" ID="JQGrid1" DataSourceID="SqlDataSource1" Width="600px" ShowToolBar="true">

        <Columns>

            <trirand:JQGridColumn DataField="OrderID" HeaderText="Order ID" PrimaryKey="True" Width="50" />

            <trirand:JQGridColumn DataField="RequiredDate" DataFormatString="{0:d}"/>

            <trirand:JQGridColumn DataField="ShipName" Width="200" />

            <trirand:JQGridColumn DataField="ShipCity" />

            <trirand:JQGridColumn DataField="Freight" />

        </Columns>

        <ToolBarSettings ShowRefreshButton="true" ShowSearchButton="true" />

    </trirand:JQGrid>

    

    <br /><br />    

    

    <trirand:codetabs runat="server" id="tabs"></trirand:codetabs> 

 

    

    </form>

</body>

</html>

  评论这张
 
阅读(3879)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017