EXT的实现

原创 2010年05月31日 17:01:00

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ExtShow.aspx.cs" Inherits="ExtTest_ExtShow" %>

<!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 runat="server">
    <title>无标题页</title>
    <link href="../Ext/resources/css/ext-all.css" rel="Stylesheet" type="text/css" />

    <script src="../Ext/adapter/ext/ext-base.js" type="text/javascript"></script>

    <script src="../Ext/ext-all.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div>

        <script type="text/javascript">
    function ready()
    {
   
        var url="ExtShowBack.aspx";
        var sm=new Ext.grid.CheckboxSelectionModel();
        var cm = new Ext.grid.ColumnModel
        ([
            sm, new Ext.grid.RowNumberer({ header: "序号", width: 50 }),
            { header: "标题", dataIndex: "Title", width: 100, editor: new Ext.form.TextField() },          
            { header: "创建人", dataIndex: "CreatePerson", width: 100,editor: new Ext.form.TextField() },
            { header: "创建时间", dataIndex: "CreateTime", width: 100,editor: new Ext.form.TextField() },
            { header: "内容", dataIndex: "NewsContent", width: 100,editor: new Ext.form.TextField() },
            { header: "操作", dataIndex: "NewId", width:100, renderer:function(value) {if(value==""){return "dff"}else{return "<a href='../Update.aspx?NewId="+value+"'>更新</a>"} } } ,
            { header: "操作", dataIndex: "NewId", width:100, renderer:function(value) {if(value==""){return "dff"}else{return "<a href='../Delete.aspx?NewId="+value+"'>删除</a>"} } }
        ]);
       
        var fields=
        [
            {name:"Title"},
            {name:"CreatePerson"},
            {name:"CreateTime"},
            {name:"NewsContent"},
            {name:"NewId"},
            {name:"NewId"}
        ];
        //Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,
        //无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的
        var store = new Ext.data.Store
        ({
            proxy: new Ext.data.HttpProxy({ url: url }),
            //设置Store的参数
            reader: new Ext.data.JsonReader({ totalProperty: "totalPorperty", root: "root", fields: fields })
        });
        store.load({ params: { start: 0, limit: 10} });
        //制定页面中输出的内容及格式
        var pagingBar = new Ext.PagingToolbar
        ({
            displayInfo: true, emptyMsg: "没有数据显示", displayMsg: "显示从{0}条数据到{1}条数据,共{2}条数据",
            store: store,
            pageSize: 10
        });
        var grid = new Ext.grid.GridPanel
        ({
            id: "MenuGridPanel",
            renderTo: document.body,
            layout: "fit",
            frame: true,
            border: true,
            width: 600,
            height: 200,
            autoScroll: true,
           
            store: store,
            sm: sm,
            cm: cm,
            viewConfig: { forceFit: true },
            //title: 'Ext2.2全新功能版系列之--显示列表',
            bbar: pagingBar
        });
    }
        </script>

        <script type="text/jscript">Ext.onReady(ready)</script>

    </div>
    </form>
</body>
</html>

 

 

 

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Collections.Generic;
using News.MODLE;
using News.BLL;
using Newtonsoft.Json;

 

public partial class ExtTest_ExtShowBack : System.Web.UI.Page
{
    List<NewsContent> listNews = NewsContentManager.searchNews();
    protected void Page_Load(object sender, EventArgs e)
    {
        int pageSize = 20;
        int start = 0;
        string field, asc_desc;
        if (string.IsNullOrEmpty(Request["sort"]))
        {
            field = "NewsId";
            asc_desc = "asc";
        }
        else
        {
            field = Request["sort"];
            asc_desc = Request["dir"];
        }
        if (!string.IsNullOrEmpty(Request["limit"]))
        {
            pageSize = int.Parse(Request["limit"]);
            start = int.Parse(Request["start"]);
        }
        Select(field,asc_desc,pageSize,start);
    }

 

    void Select(string keyId, string asc_desc, int pageSize, int start)
    {
        string json = "";
        try
        {
            int itemCount = (start + pageSize) > listNews.Count ? listNews.Count : (start + pageSize);
            List<NewsContent> pageList = new List<NewsContent>();
            for (int index = start; index < itemCount; index++)
            {
                pageList.Add(listNews[index]);
            }
            json = "{totalPorperty:" + listNews.Count + ",root:" + JsonConvert.SerializeObject(pageList) + "}";
        }
        catch (Exception e)
        {
            Console.WriteLine(e.Message);
            throw e;
        }
        Response.Write(json.ToString());
        Response.End();
    }
}

【Python】第六周 Python Web项目开发实现(下)

本周课程主要通过Django框架开发Web商城项目,特别是网站的前台模块。具体内容有:商城前台界面搭建,会员注册登录与退出、商品展示,购物车实战、会员下单操作,后台订单处理,前台会员中心的订单处理等模块开发。本周课程主要老师引导学员一起开发,通过代码的实战,让学员完成了从会员的注册、登录到商品浏览、放入购物车、再到下单完成。以及最后的订单处理。包括了商城购物流程的基本模块。
  • 2018年04月16日 17:44

Ext文件下载(转载)

Html代码      Js代码 //下载规则文件接口       function downloadTagRuleFile(fileName){           var url = '...
  • fjza1168
  • fjza1168
  • 2014-02-28 11:03:23
  • 1050

ext下拉框模糊查询

/** * Created by Administrator on 2016-12-02. */ //数据字典下拉控件 Ext.ns('uc'); //新建类 Ext.define('CardM...
  • qq_15237993
  • qq_15237993
  • 2017-03-28 09:51:32
  • 289

EXT3.0中关于单选按钮的一种实现

/**此Demo演示了如何创建一个单选的按钮,并添加一个状态改变事件@author Ray*/Ext.onReady(function(){ //创建一个RadioGroup var radio = ...
  • chen123456789198808
  • chen123456789198808
  • 2009-08-16 21:51:00
  • 4284

基于java 的Ext 简单效果实现

  • 2010年09月29日 14:02
  • 1.62MB
  • 下载

Ext中grid实现模糊查询

在action中find_all方法中,加入以下代码: //根据输入的查询字模糊查询 if(searchWord!=null && !"".equals(searchWord)){ if(...
  • howlaa
  • howlaa
  • 2012-08-31 11:02:54
  • 1652

EXT增加删除一行

Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([{ header: '编号', data...
  • shaobaojie
  • shaobaojie
  • 2012-12-30 12:13:47
  • 948

Ext4.2 如何实现点击一按钮,页面跳转

问题描述:点击在一个页面中的‘新增按钮’,跳转到另外一个页面 解决办法:用原生的方式实现;可引入jquery                     按钮上给一个点击事件,然后拿到左边导航...
  • wh13267207590
  • wh13267207590
  • 2017-07-19 11:32:46
  • 655

EXT 二级联动下拉列表

在此感谢tianxiaode对我的帮助page.html代码如下 省份与城市联动的例子 Ext.onReady(function(){ ////重载Grid的排序 app...
  • loveunh1982
  • loveunh1982
  • 2008-07-01 14:48:00
  • 4399

ext实现的登陆界面,非常的酷

  • 2008年09月03日 16:43
  • 580KB
  • 下载
收藏助手
不良信息举报
您举报文章:EXT的实现
举报原因:
原因补充:

(最多只允许输入30个字)