Asp.Netserver控制发展Grid实现(一个)UI转让

使用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实现(二)》

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

时间: 2024-09-30 17:06:55

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

ASP.NETserver控件使用之Reportviewer 报表

1.       Reportviewer 报表 1.1.       Reportviewer控件 注:本教程附2个事例: l  演练:在本地处理模式下将数据库数据源与 ReportViewer Web server控件一起使用 l  演练:在本地处理模式下将业务对象数据源与 ReportViewer Web server控件一起使用 假设您已经对ReportViewer控件基础知识比較了解,能够直接參阅事例. 1.1.1.                 简单介绍 Microsoft Vis

【转】Pro Android学习笔记(十三):用户界面和控制(1):UI开发

目录(?)[-] UI开发 方式一通过XML文件 方式二通过代码 方式三XML代码 UI开发 先理清一些UI概念: view.widget.control:这三个名词其实没有什么区别,都是一个UI元素,例如一个button.Container(容器):包含其他view,例如grid可以认为是容器,它有cell,每个cell可以是一个view.Layout: 对容器们和view们的排版,可以包含其他layout. Android提供常用的UI(例如文字框)以及适合移动设备的控制,基础类为andro

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

BLL 是业务逻辑层 Business Logic Layer DAL 是数据访问层 Data Access Layer ASP.NET的三层架构(DAL,BLL,UI) 图形表示三层结构. 其中web即为USL层 web –> bll –> dal | | | | V | +–> model <-+ 一.三层体系架构 1.表示层(USL):主要表示WEB方式,也可以表示成WINFORM方式.如果逻辑层相当强大和完善,无论表现层如何定义和更改,逻辑层都能完善地提供服务. 2.业务逻

创建第一个UI

创建一个2D UI 制作UI时,首先要创建UI的"根".在Unity顶部NGUI菜单中选择Create,然后选择2D UI. 创建完成后,在Scene窗口中,NGUI自动生成了一个名为UI Root的物体,其中带有一个Camera作为子物体. 这个新生成的Camera,是NGUI生成的专门用来渲染UI的相机,当生成NGUI的UI Root时,就自动将生成的UI放在默认的UI Layer上.在这个相机上,只能看见UI Layer上的物体,也就是只能看见UI.因为是2D UI,所以从图中可

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

版权所有 2009-2015 荆门泽优软件有限公司 保留所有权利 产品首页:http://www.ncmem.com/apps/xproerui/index.asp 在线文档(XproerUI):XproerUI(MFC)类文档,如何使用XproerUI库(MFC),如何使用XproerUI库(WTL) 在线文档(SkinStudio):为图片添加九宫格信息,为窗体设置背景图片,添加图片按钮,共用字体属性,控件的相对位置与绝对位置 升级日志:http://www.cnblogs.com/xpro

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

阅读目录 开始 正常的HTTP请求过程 缓存页的请求过程 缓存页的服务端编程 什么是304应答? 如何编程实现304应答 如何避开HTTP缓存 在上篇博客[细说 ASP.NET Cache 及其高级用法]中, 我给大家介绍了ASP.NET Cache,这种服务端使用的缓存API .在我们开发一个ASP.NET网站的过程中,其实有很多地方都是可以使用缓存的, 只是由于ASP.NET是一种基于服务端的开发平台,自然我们也经常在服务端的代码中使用各类缓存技术, 然而,由于WEB应用程序的服务对象是客户

ASP.Net控制不同的人编辑word文档中不同的可编辑区域

ASP.Net控制不同的人编辑word文档中不同的可编辑区域的完整示例 2010-10-15 11:43238人阅读评论(0)收藏举报 网页来源:http://blog.csdn.net/coco99/article/details/5942895 本文演示了如何使用C#在ASP.NET里调用Word限制用户只能编辑word文档中自己有权编辑的区域. 1.项目目的 演示使用不同的用户登录系统,打开同一个文件(不必同时打开),可以编辑的区域不一样,每个人都有属于自己的编辑区域. 2.解决思路 利用

用ASP编程控制在IIS建立Web站点

''******************************************************* '' 创建一个WebServer '' 必须参数:WRoot,为创建站点的物理目录:WComment为站点说明:WPort为站点端口:ServerRun为是否自动运行 '' 当创建成功时返回1,失败时提示退出并返回0,当创建站点成功但启动失败时返回2 ''******************************************************* ''******

ASP.NET MVC项目里创建一个aspx视图

先从控制器里添加视图 视图引擎选"ASPX(C#)",使用布局或模板页不要选. 在Views\EAV目录里,生成的aspx是个单独的页面,没有代码文件,所以代码也要写在这个文件里. @ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" @ Import Namespace="System" @ Import Namespace="