基于asp.net + easyui框架，一步步学习easyui-datagrid——界面（一）

阅读更多

从这篇博客，我会一步步的为大家讲解，easyui框架中最常用的一个控件datagrid。在使用easyui框架时，datagrid是使用最多的控件，它不仅好用，关键是实用。

 

我为大家建立一个博客更新的目录。

目录：

基于asp.net + easyui框架，一步步学习easyui-datagrid——界面（一）

基于asp.net + easyui框架，一步步学习easyui-datagrid——实现分页和搜索（二）

基于asp.net + easyui框架，一步步学习easyui-datagrid——实现添加、编辑、删除（三）

基于asp.net + easyui框架，一步步学习easyui-datagrid——完成，总结（四）

 

我们先看一下，我们要使用easyui-datagrid实现的界面：

 

HTML

 

 <%--表格显示区--%>
     <%--striped="true"--%>
        <%-- 表格标题--%>
        
         <%--表格内容--%>
    

            

                

                
用户名
                
密码
                
权限
                
时间
               
            
        
    <%--功能区--%>
    

        <%-- 包括添加管理员，修改、删除管理员 --%>
        

            
            
            
        
        <%-- 查找管理员信息，根据时间、管理员名 --%>
        

            时间从:
            
            到:
            
           管理员名: 
            
            按权限：
              
              
            Search
        
    

需要引入的js

 

 

    <%--基础js--%>
    
    <%--easyui 的js--%>
    
    <%--中文js--%>
    
    <%--基础样式--%>
    
    <%--图标样式--%>
    

 

到此为止，页面部分的代码就完成了。页面的制作非常的简单，后面几篇博客的内容才是重头戏，下次再见。

 

========================================================================================================================

基于asp.net+easyui框架的系列博文：

 

使用Jquery+EasyUI框架开发项目+下载+帮助--EasyUI的简介

Asp.net之真假分页大揭秘、使用AspNetPager实现真分页

Asp.net前端页面开发总结

Asp.net 一般处理程序+扩展

Asp.Net构架(Http请求处理流程)、Asp.Net 构架(Http Handler 介绍)、Asp.Net 构架(HttpModule 介绍)

基于asp.net + easyui框架，js实现上传图片之前判断图片格式，同时实现预览，兼容各种浏览器+下载

基于asp.net+ easyui框架，js提交图片，实现先上传图片再提交表单

基于asp.net + easyui框架，一步步学习easyui-datagrid——界面（一）

基于asp.net + easyui框架，一步步学习easyui-datagrid——实现分页和搜索（二）

基于asp.net + easyui框架，一步步学习easyui-datagrid——实现添加、编辑、删除（三）

基于asp.net + easyui框架，一步步学习easyui-datagrid——完成，总结（四）

 

=========================================================================================================================