使用Asp.Net办Web开发时间，控制系统提供了，目的，有时很难达到理想的。然后，有几种方法来解决，例如，使用html+js形式，在所需界面的布局的前端，然后通过ajax和其他方式获得的数据。为了实现该目标。

但这样做，很费劲。，更加费劲。有人。会直接将该界面的代码进行拷贝。但这对后来的维护必定带来更大的问题。所以就考虑。有没有一种方式能够让布局得到重用，又便于维护的。Asp.Net的控件能够非常方便的布局，同一时候又能在后台中直接操作控件。实现相关的数据逻辑。所以就想借用asp.net的技术，来自行封装出控件。

有的人会说。直接使用asp.net的用户自己定义控件封装，不也能够达到目的么？在一定程度上，确实是能够的。可是假设，我们须要很多其它的特性的时候。这个依旧非常难满足要求。

特别是当我们在移动端使用一些库进行开发时，问题会更严重。

比方在移动端使用JqueryMobile进行开发时，因为JqueryMobile是基于前端的，所以对于后端的使用会有些棘手。这样的情况。就能够考虑asp.net+jquerymobile来达成。

(使用asp.net mvc4来结合jquerymobile的不属性该范围)

我们通过简单的封装。来实现一个Grid控件。先看一下效果图。

该效果图的前后面代码例如以下：

前端代码default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Demo._default" %>

<!DOCTYPE html>

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

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

</head>

<body>

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

        <div>

            <S:Grid runat="server" ID="Grid_Edit">

                <Columns>

                    <S:BoundField runat="server" ID="BoundField1" HeaderText="货号" DataField="NO" />

                    <S:BoundField runat="server" ID="BoundField2" HeaderText="类型" DataField="Type" />

                    <S:BoundField runat="server" ID="BoundField3" HeaderText="状态" DataField="Status" />

                </Columns>

            </S:Grid>

        </div>

    </form>

</body>

</html>

当中带S前缀的控件就是封装的Grid控件。

后面代码default.aspx.cs

using System;

using System.Collections.Generic;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Demo

{

    public partial class _default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                InitLoad();

            }

        }

        private void InitLoad()

        {

            Grid_Edit.DataSource = GenerateData();

        }

        private DataTable GenerateData()

        {

            DataTable dt = new DataTable();

            dt.Columns.Add("NO");

            dt.Columns.Add("Type");

            dt.Columns.Add("Status");

            dt.Rows.Add(new String[] { "H10001", "食品", "已售完" });

            dt.Rows.Add(new String[] { "H10002", "蔬菜", "待销售" });

            dt.Rows.Add(new String[] { "H10003", "水果", "待销售" });

            dt.Rows.Add(new String[] { "H10004", "器具", "销售中" });

            return dt;

        }

    }

}

给Grid_Edit的DataSource赋值。

从代码中能够看到，S:Grid内部有一个Columns，在Columns中还有S:BoundField字段。在S:BoundField字段中有HeaderText和DataField属性。

当中HeaderText就是列头。DataField就是绑定的字段，与后台代码的DataSource的字段相应。

这样的操作方式与Asp.Net的GridView相似。

所以我们要封装出一个Grid，至少须要做下面几件事：

1.定义一个Grid类

2.在Grid类中包括Columns的属性。

3.在Columns的属性中。必须可以容纳BoundField字段。

4.必须在编辑器中可以直接敲出<Columns>。

详细实现，请看《Asp.Netserver控件开发的Grid实现(二)》

版权声明：本文博客原创文章，博客，未经同意，不得转载。

Asp.Netserver控制发展Grid实现(一个)UI转让的更多相关文章

  1. Asp.Netserver控件开发的Grid实现(三)列编辑器

    以下是GridColumnsEditor的实现代码: GridColumnsEditor.cs using System; using System.Collections.Generic; usin ...

  2. Kendo Web UI Grid添加一个html控件如（checkbox,button)

    在Kendo Web UI Grid增加一个控件如效果图: <div id="grid1"></div><script> $("#gr ...

  3. 在一个空ASP.NET Web项目上创建一个ASP.NET Web API 2.0应用

    由于ASP.NET Web API具有与ASP.NET MVC类似的编程方式,再加上目前市面上专门介绍ASP.NET Web API 的书籍少之又少(我们看到的相关内容往往是某本介绍ASP.NET M ...

  4. 细说 ASP.NET控制HTTP缓存[转]

    阅读目录 开始 正常的HTTP请求过程 缓存页的请求过程 缓存页的服务端编程 什么是304应答? 如何编程实现304应答 如何避开HTTP缓存 在上篇博客[细说 ASP.NET Cache 及其高级用 ...

  5. 【转】Pro Android学习笔记（十三）：用户界面和控制（1）：UI开发

    目录(?)[-] UI开发 方式一通过XML文件 方式二通过代码 方式三XML代码 UI开发 先理清一些UI概念: view.widget.control:这三个名词其实没有什么区别,都是一个UI元素 ...

  6. 新建一个UI窗口-XproerUI(MFC)教程

    版权所有 2009-2015 荆门泽优软件有限公司 保留所有权利 产品首页:http://www.ncmem.com/apps/xproerui/index.asp 在线文档(XproerUI):Xp ...

  7. 创建第一个UI

    创建一个2D UI 制作UI时,首先要创建UI的"根".在Unity顶部NGUI菜单中选择Create,然后选择2D UI. 创建完成后,在Scene窗口中,NGUI自动生成了一个 ...

  8. ASP.NET的三层架构(DAL,BLL,UI)

    ASP.NET的三层架构(DAL,BLL,UI) BLL   是业务逻辑层   Business   Logic   Layer DAL   是数据访问层   Data   Access   Laye ...

  9. 006.Adding a controller to a ASP.NET Core MVC app with Visual Studio -- 【在asp.net core mvc 中添加一个控制器】

    Adding a controller to a ASP.NET Core MVC app with Visual Studio 在asp.net core mvc 中添加一个控制器 2017-2-2 ...

随机推荐

  1. hdu 4524 郑厂长系列故事——逃离迷宫 小水题

    郑厂长系列故事——逃离迷宫 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others) To ...

  2. 解决SMARTFORMS 中table 控件单行跨页的问题

    在CX项目中,MM模块做了大量的的单据打印的工作,一个问题困扰了我好久,一直不能解决.当物料描述很长时,table控件在单元格中能自动换行,这样就有可能在换页处出现一行记录的一部分打在上一页,一部分记 ...

  3. ROW_NUMBER() OVER 排序函数的基本用法

    ROW_NUMBER() OVER 排序函数 select ROW_NUMBER() OVER (PARTITION BY guide_id ORDER BY pic_sort) as rowid,p ...

  4. Java进阶 创建和销毁对象

    最近准备写点Javase的东西,希望可以帮助大家写出更好的代码. 1.给不可实例化的类提供私有构造器 比如:每个项目中都有很多工具类,提供了很多static类型的方法供大家使用,谁也不希望看到下面的代 ...

  5. zoj 3288 Domination (可能dp)

    ///dp[i][j][k]代表i行j列件,并把一k的概率 ///dp[i][j][k]一种常见的方法有四种传输 ///1:dp[i-1][j][k-1] 可能 (n-(i-1))*j/(n*m-(k ...

  6. SPOJ PT07X Vertex Cover

    题目意思: 一棵树,找到最少的点能覆盖到所有的边,(也就是每条边俩端 至少有一个在你找到的集合): 解法:每条边只能被俩个点中的一个,或全部覆盖所以我们有树形DP来解: DP[num][flag]// ...

  7. Python在信号与系统(1)——Hilbert兑换，Hilbert在国家统计局的包络检测应用，FIR_LPF滤波器设计，格鲁吉亚也迫使高FM（PM）调制

    谢谢董老师,董老师是个好老师. 心情久久不能平静,主要是高频这门课的分析方法实在是让我难以理解,公式也背只是,还是放放吧. 近期厌恶了Matlab臃肿的体积和频繁的读写对我的Mac的损害,所以学习了一 ...

  8. zerglurker的c语言教程006——第一功能

    行,以往的经验教训后,.成员main性能.变数.命名等基本概念应该有一个初步的了解 下面,我们就可以开始我们自己的第一个定义的函数. 仿照头等舱.操作的第二个教训.添加一个新的项目的解决方案Lessi ...

  9. hdu4190 简单的二分法

    题意是 有n个城市,m个投票箱.接下来n个城市人口数,每一个投票箱都不能为空.计算最后投票箱的容量必须达到多少,才干满足须要. 每一个城市的人必须仅仅能将票投到自己城市分得得投票箱中.要是容量最小箱子 ...

  10. 【Bootstrap】自己主动去适应PC、平面、手机Bootstrap网格系统

    酒吧格英语作为一门系统"grid systems",也有人翻译成"网络格系统".使用固定格子设计布局,其风格整齐而简洁,在二战结束后人气,流风格之中的一个. 1 ...