ExtJs、ASP.net运用Linq to SQL与SQL储存过程交互(转)

1 基本要点

　　1.1 Grid后台分页

　　1.2 Form表单提交

　　1.3 前台更新、删除(store.remove)、增加(store.insert)

　　1.4 有webService、aspx、Handler三种方法，此处使用Handler

　　1.5 使用Linq to SQL进行读取数据 和 SQL储存过程的操作

　　1.6 文件结构

　　

2 数据库文件

 

代码

create table tb_user(
use_id int primary key,
use_name varchar(20) not null,
use_sex varchar(2) not null,
use_address varchar(50) not null
);
insert into tb_user values('1','陈小','女','广东省');
insert into tb_user values('2','钟天','男','四川省');
insert into tb_user values('3','李四','男','云南省');
insert into tb_user values('4','叶茂','男','广东省');
insert into tb_user values('5','吴名','男','黑龙江');
insert into tb_user values('6','陈少敏','女','广东省');
insert into tb_user values('7','艾青','男','四川省');
insert into tb_user values('8','陈国新','男','云南省');
insert into tb_user values('9','刘宁','男','广东省');
insert into tb_user values('10','周杰','男','黑龙江');
insert into tb_user values('11','张娜','女','广东省');
insert into tb_user values('12','谢娜','女','四川省');
insert into tb_user values('13','萧青','男','云南省');
insert into tb_user values('14','叶子','男','广东省');
insert into tb_user values('15','梅工','男','黑龙江');
insert into tb_user values('16','卢可','女','广东省');
insert into tb_user values('17','吴晰','男','四川省');
insert into tb_user values('18','张天佑','男','云南省');
insert into tb_user values('19','刘德华','男','广东省');
insert into tb_user values('20','张颖','男','黑龙江');
create table tb_score(
    use_id int,
    sco_subject varchar(20) not null,
    sco_score smallint not null,
    foreign key(use_id) references tb_user(use_id)
);
insert into tb_score values('1','数学','97');
insert into tb_score values('2','英语','97');
insert into tb_score values('3','物理','97');
insert into tb_score values('4','数学','97');
insert into tb_score values('5','英语','97');
insert into tb_score values('6','数学','97');
insert into tb_score values('7','英语','97');
insert into tb_score values('8','物理','97');
insert into tb_score values('9','数学','97');
insert into tb_score values('10','英语','97');
insert into tb_score values('11','数学','97');
insert into tb_score values('12','英语','97');
insert into tb_score values('13','物理','97');
insert into tb_score values('14','数学','97');
insert into tb_score values('15','英语','97');
insert into tb_score values('16','数学','97');
insert into tb_score values('17','英语','97');
insert into tb_score values('18','物理','97');
insert into tb_score values('19','数学','97');
insert into tb_score values('20','英语','97');
/*********************/
/*      插入        */
/********************/
--drop PROCEDURE pro_Insert_values
CREATE PROCEDURE pro_Insert_values
    @inp_use_id int,
    @inp_use_name nvarchar(20),
    @inp_use_sex nvarchar(2),
    @inp_use_address nvarchar(50),
    @inp_sco_subject nvarchar(20),
    @inp_sco_score smallint,
    @out_message nvarchar(2) output
AS
    BEGIN TRAN 
        SET @out_message=''
        BEGIN TRY
            INSERT INTO tb_user VALUES(@inp_use_id,@inp_use_name,@inp_use_sex,@inp_use_address)
            IF @@rowcount=0
                SET @out_message='0'
            INSERT INTO tb_score VALUES(@inp_use_id,@inp_sco_subject,@inp_sco_score)
            IF @@rowcount=0
                SET @out_message='0'
        END TRY
        BEGIN CATCH
            SET @out_message='0'
        END CATCH
        IF @@ERROR<>0
            ROLLBACK TRAN A
        ELSE
            if @out_message='' SET @out_message='1'
    COMMIT TRAN A
go
--DECLARE @out_message nvarchar(2)
--EXEC pro_Insert_values 27,'小帆','男','广东省','语文','a',@out_message output print @out_message
/*********************/
/*      删除        */
/********************/
drop PROCEDURE pro_Delete_values
CREATE PROCEDURE pro_Delete_values
    @inp_use_id int,
    @out_message nvarchar(2) output
AS
    BEGIN TRAN 
        SET @out_message=''
        BEGIN TRY
            DELETE FROM tb_score WHERE use_id=@inp_use_id
            IF @@rowcount=0
                SET @out_message='0'
            DELETE FROM tb_user WHERE use_id=@inp_use_id
            IF @@rowcount=0
                SET @out_message='0'
        END TRY
        BEGIN CATCH
            SET @out_message='0'
        END CATCH
        IF @@ERROR<>0
            ROLLBACK TRAN A
        ELSE
            if @out_message='' SET @out_message='1'
    COMMIT TRAN
go
--declare @out_message nvarchar(2)
--EXEC pro_Delete_values 39,@out_message output print @out_message        
/*********************/
/*      更新        */
/********************/
--drop PROCEDURE pro_Update_values
CREATE PROCEDURE pro_Update_values
@inp_use_id int,
@inp_use_name nvarchar(20),
@inp_use_sex nvarchar(2),
@inp_use_address nvarchar(50),
@inp_sco_subject nvarchar(20),
@inp_sco_score smallint,
@out_message nvarchar(2) output
AS
set  @out_message=''
BEGIN TRAN A
BEGIN TRY
    UPDATE tb_score SET sco_subject=@inp_sco_subject,sco_score=@inp_sco_score WHERE use_id=@inp_use_id
    if @@rowcount=0 
        set @out_message='0'
    UPDATE tb_user SET use_name=@inp_use_name,use_sex=@inp_use_sex,use_address=@inp_use_address WHERE use_id=@inp_use_id
    if @@rowcount=0 
        set @out_message='0'
END TRY
BEGIN CATCH
    SET @out_message='0'
END CATCH
IF @@ERROR<>0
    ROLLBACK TRAN A
ELSE
    if @out_message='' SET @out_message='1'
COMMIT TRAN A
go
--数据库存在@use_id=1
--declare @out_message nvarchar(2)
--EXEC pro_Update_values 1,'张三','男','广东省','语文',97,@out_message output print @out_message
--
--数据库不存在@use_id=10
--declare @out_message nvarchar(2)
--EXEC pro_Update_values 10,'李四','男','广东省','语文',97,@out_message output print @out_message

 

 

 

3 建立Linq to SQL类

 

4 建立Json序列化的类库(JsonHelper.cs)

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web.Script.Serialization;//添加Json序列化的引用
namespace Service
{
    public static class JsonHelper
    {
        public static string Jso_ToJSON(this object tem_obj)
        {
            JavaScriptSerializer tem_serializer = new JavaScriptSerializer();
            return tem_serializer.Serialize(tem_obj);
        }
public static string Jso_ToJSON(this object tem_obj, int tem_recursionDepth)
        {
            JavaScriptSerializer tem_serializer = new JavaScriptSerializer();
            tem_serializer.RecursionLimit = tem_recursionDepth;
            return tem_serializer.Serialize(tem_obj);
        }
    }
}

 

5 建立ashx文件，即使用handler传送

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Service;
using System.Web.Services;
namespace ExtJs_ASP_Insert_Delete_Modify_Update
{
    /// <summary>
    /// $codebehindclassname$ 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    public class Handler1 : IHttpHandler
    {
        private DataClasses1DataContext db=new DataClasses1DataContext();
public void ProcessRequest(HttpContext context)
        {
            string tem_response = string.Empty;
            string tem_str = context.Request.QueryString["parm"];
            if (string.IsNullOrEmpty(tem_str))
            {
                context.Response.Write("error!");
                return;
            }
context.Response.ContentType = "text/json";
if (tem_str == "Get")
            {
                context.Response.Write(Get(context));
            }
            else if (tem_str == "Insert")
            {
                context.Response.Write(Insert(context));
            }
            else if (tem_str == "Update")
            {
                context.Response.Write(Update(context));
            }
            else if (tem_str == "Delete")
            {
                context.Response.Write(Delete(context));
            }
return;
        }
public string Get(HttpContext context)
        {
            int tem_start = int.Parse(context.Request.Form["start"] + "");      //分页需要limit,start是mysql里用的（或取当页开始的记录标识编号）
            int tem_limit = int.Parse(context.Request.Form["limit"] + "");  //或取每页记录数
var tem_query = from a in db.tb_user
                        from b in db.tb_score
                        where a.use_id == b.use_id
                        orderby a.use_id descending
                        select new { a.use_id, a.use_name, a.use_sex, a.use_address, b.sco_subject, b.sco_score };
int tem_Count = tem_query.Count();   //所要记录数
            int tem_PageNum = tem_start / tem_limit;  //共有页数
            int tem_PageSize = tem_limit;
            tem_query = tem_query.Skip(tem_PageSize * tem_PageNum).Take(tem_PageSize);  //当前页记录
string JsonSource = JsonHelper.Jso_ToJSON(tem_query);                      //当前页记录转成JSON格式
            string strJsonSource = @"{""totalCount"":""" + tem_Count + "";
            strJsonSource = strJsonSource + @""",""data"":" + JsonSource + "}";  //Grid的分页区显示所有记录数增加totalCount信息
            return strJsonSource;
        }
public string Insert(HttpContext context)
        {
string tem_out_message = null;
            try
            {
                db.pro_Insert_values(int.Parse(context.Request.QueryString["use_id"]), context.Request.QueryString["use_name"].ToString(), context.Request.QueryString["use_sex"].ToString(),
                    context.Request.QueryString["use_address"].ToString(), context.Request.QueryString["sco_subject"].ToString(), short.Parse(context.Request.QueryString["sco_score"]), ref tem_out_message);
            }
            catch
            {
                tem_out_message = "-1";
            }
            if (tem_out_message == "1")
            {
                return "{success:true}";
            }
            else if (tem_out_message == "-1")
            {
                return "{ success: false, errors:{info: '输入类型不匹配'} }";
            }
            else
            {
                return "{ success: false, errors:{info: '插入失败'} }";
            }
        }
public string Update(HttpContext context)
        {
string tem_out_message=null;
            try
            {
                db.pro_Update_values(int.Parse(context.Request.QueryString["use_id"]), context.Request.QueryString["use_name"].ToString(), context.Request.QueryString["use_sex"].ToString(),
                    context.Request.QueryString["use_address"].ToString(), context.Request.QueryString["sco_subject"].ToString(), short.Parse(context.Request.QueryString["sco_score"]), ref tem_out_message);
            }
            catch
            {
                tem_out_message = "-1";
            }
            if (tem_out_message=="1")
            {
                return "{success:true}";
            }
            else if (tem_out_message == "-1")
            {
                return "{ success: false, errors:{info: '输入类型不匹配'} }";
            }
            else
            {
                return "{ success: false, errors:{info: '更新失败'} }";
            }
        }
public string Delete(HttpContext context)
        {
            string tem_out_message = null;
            db.pro_Delete_values(int.Parse(context.Request.Form["use_id"]),ref tem_out_message);
if (tem_out_message == "1")
            {
                return "{success:true}";
            }
            else
            {
                return "{ success: false, errors:{info: '删除失败'} }";
            }
}
public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

 

6 建立Gri_datagrid.js文件

 

var _start = 0
var _limit = 5
/**********/
/* 增加 */
/*********/
var formpanel_add = new Ext.FormPanel({
    labelWidth: 75,
    bodyStyle: 'padding: 10px',
    baseCls: 'x-plain',
    defauls: {  200 },
    defaultType: 'textfield',
    autoHeight: true,
    items: [
       {
           fieldLabel: '用户帐户',
           name: 'use_id',
           blankText: '用户帐户不能为空!',
           allowBlank: false,
           regex: /^[1-9]\d*|0$/,
           regexText: '必须为有效的整数!'
       }, {
           fieldLabel: '用户姓名',
           name: 'use_name',
           blankText: '用户姓名不能为空!',
           maxLength: '10',
           maxLengthText:'最大不超过10个字符',
           allowBlank: false
       }, {
            xtype: "panel",
            layout: "column",
            baseCls: 'x-plain',
            fieldLabel: '用户性别',
            isFormField: true,
            items: [{
               columnWidth: .5,
               xtype: "radio",
               boxLabel: "男",
               name: "use_sex",
               inputValue: "男",
               checked:true,
               id: "boy"
            }, {
               columnWidth: .5,
               xtype: "radio",
               boxLabel: "女",
               name: "use_sex",
               inputValue: "女",
               id: "girl"
            }]
       }, {
           fieldLabel: '用户地址',
           name: 'use_address',
           blankText: '用户地址不能为空!',
           maxLength: '25',
           maxLength:'最大不超过25个字符!',
           allowBlank: false
       }, {
           fieldLabel: '考试科目',
           name: 'sco_subject',
           blankText: '考试科目不能为空!',
           maxLength: '25',
           maxLength: '最大不超过25个字符!',
           allowBlank: false
       }, {
           fieldLabel: '考试分数',
           name: 'sco_score',
           blankText: '考试分数不能为空!',
           allowBlank: false,
           regex: /^[1-9]\d*|0$/,
           regexText:'必须为有效的整数!'
       }
     ]
 });
var window_add = new Ext.Window({
    title: '学生各科成绩增加',
    modal: true,
    id:'1',
     300,
    height: 300,
    resizable: false,
    plain: true,
    iconCls: 'add',
    bodyStyle: 'padding:20px;',
    buttonAlign: 'center',
    closeAction: 'hide',
    items: formpanel_add,
    listeners: {
        "show": function() {
            formpanel_add.getForm().reset();
        }
    },
    buttons: [{
        text: '保存',
        iconCls: 'page_save',
        handler: submit
    }, {
        text: '重置',
        iconCls: 'arrow_undo',
        handler: function() {
            formpanel_add.getForm().reset();
        }
    }]
});
var TopicRecord = Ext.data.Record.create([
        { name: 'use_id', mapping: 'use_id' },
        { name: 'use_name', mapping: 'use_name' },
        { name: 'use_sex'},
        { name: 'use_address', mapping: 'use_address'},
        { name: 'sco_subject', mapping: 'sco_subject' },
        { name: 'sco_score', mapping: 'sco_score' }
]);
function submit() {
     if (!formpanel_add.getForm().isValid()) return;
     formpanel_add.getForm().submit({
         waitMsg: '正在提交数据',
         waitTitle: '提示',
         url: 'Handler1.ashx?parm=Insert',
         method: 'get',
         success: function(form, action) {
             var sex = "男";
             if (Ext.getCmp("girl").checked == true)
                 sex = "女";
             var p = new TopicRecord({//创建一个记录源
                 use_id: formpanel_add.getForm().findField('use_id').getValue(),
                 use_name: formpanel_add.getForm().findField('use_name').getValue(),
                 use_sex: sex,
                 use_address: formpanel_add.getForm().findField('use_address').getValue(),
                 sco_subject: formpanel_add.getForm().findField('sco_subject').getValue(),
                 sco_score: formpanel_add.getForm().findField('sco_score').getValue()
             });
             store.insert(0, p);
             Ext.Msg.alert('提示', '保存成功'); 
},
         failure: function(form, action) {
             Ext.Msg.alert('错误', '<font color=red>失败：' + action.result.errors.info + '</font>');
         }
     });
 }
/**********/
/* 更新 */
/*********/
var formpanel_page_edit = new Ext.FormPanel({
    labelWidth: 75,
    bodyStyle: 'padding: 10px',
    baseCls: 'x-plain',
    defauls: {  200 },
    defaultType: 'textfield',
    autoHeight: true,
    items: [
         {
             fieldLabel: '<font color=blue>用户帐户</font>',
             name: 'use_id',
             blankText: '用户帐户不能为空!',
             allowBlank: false,
             regex: /^[1-9]\d*|0$/,
             regexText: '必须为有效的整数!',
             readOnly:true
         }, {
             fieldLabel: '用户姓名',
             name: 'use_name',
             blankText: '用户姓名不能为空!',
             maxLength: '10',
             maxLengthText:'最大不超过10个字符!',
             allowBlank: false
         }, {
             xtype: "panel",
             layout: "column",
             baseCls: 'x-plain',
             fieldLabel: '用户性别',
             isFormField: true,
             items: [{
                 columnWidth: .5,
                 xtype: "radio",
                 boxLabel: "男",
                 name: "use_sex",
                 inputValue: "男",
                 id:"_boy"
             }, {
                 columnWidth: .5,
                 xtype: "radio",
                 boxLabel: "女",
                 name: "use_sex",
                 inputValue:"女",
                 id:"_girl"
            }]
         }, {
             fieldLabel: '用户地址',
             name: 'use_address',
             blankText: '用户地址不能为空!',
             maxLength: '25',
             maxLengthText: '最大不超过25个字符!',
             allowBlank: false
         }, {
             fieldLabel: '考试科目',
             name: 'sco_subject',
             blankText: '考试科目不能为空!',
             maxLength: '25',
             maxLengthText: '最大不超过25个字符!',
             allowBlank: false
         }, {
             fieldLabel: '考试分数',
             name: 'sco_score',
             blankText: '考试分数不能为空!',
             allowBlank: false,
             regex: /^[1-9]\d*|0$/,
             regexText: '必须为有效的整数!'
         }
     ]
})
var window_page_edit = new Ext.Window({
    title: '学生各科成绩更新',
    modal: true,
     300,
    height: 300,
    resizable: false,
    plain: true,
    iconCls: 'page_edit',
    bodyStyle: 'padding:20px;',
    buttonAlign: 'center',
    closeAction: 'hide',
    items: formpanel_page_edit,
    listeners: {
        "show": function() {
            row = Ext.getCmp("grid").getSelectionModel().getSelections();
            formpanel_page_edit.getForm().reset();
            formpanel_page_edit.getForm().loadRecord(row[0]);
        }
    },
    buttons: [{
        text: '保存',
        iconCls: 'page_save',
        handler: Update
    }, {
        text: '重置',
        iconCls: 'arrow_undo',
        handler: function() {
            formpanel_page_edit.getForm().loadRecord(row[0]);
        }
}]
    });
function Update() {
    if (!formpanel_page_edit.getForm().isValid()) return;
    formpanel_page_edit.getForm().submit({
        waitMsg: '正在提交数据',
        waitTitle: '提示',
        url: 'Handler1.ashx?parm=Update',
        method: 'get',
        success: function(form, action) {
            var row_number = Ext.getCmp("grid").getSelectionModel().last;
            var row = Ext.getCmp("grid").getSelectionModel().getSelections();
            var sex = "男";
            if (Ext.getCmp("_girl").checked == true)
                sex = "女";
            var p = new TopicRecord({//创建一个记录源
                use_id: formpanel_page_edit.getForm().findField('use_id').getValue(),
                use_name: formpanel_page_edit.getForm().findField('use_name').getValue(),
                use_sex: sex,
                use_address: formpanel_page_edit.getForm().findField('use_address').getValue(),
                sco_subject: formpanel_page_edit.getForm().findField('sco_subject').getValue(),
                sco_score: formpanel_page_edit.getForm().findField('sco_score').getValue()
            });
            store.remove(row);
            store.insert(row_number, p);
            Ext.getCmp("grid").getSelectionModel().selectRow(row_number);
Ext.Msg.alert('提示', '保存成功');
        },
        failure: function(form, action) {
            Ext.Msg.alert('错误', '<font color=red>失败：' + action.result.errors.info + '</font>');
        }
    });
}
/**********/
/* 删除 */
/*********/
function showResult(btn) {
    if (btn == 'yes') {
        Ext.Msg.wait("请等候", "删除中", "操作进行中......");
        var row = Ext.getCmp("grid").getSelectionModel().getSelections();
        var jsonData = "";
        for (var i = 0, len = row.length; i < len; i++) {
            var ss = row[i].get("use_id");
            if (i == 0)
                jsonData = jsonData + ss;        //这样处理是为了删除的Lambda语句方便
            else
                jsonData = jsonData + "," + ss;   //这样处理是为了删除的Lambda语句方便
        }
        //alert(jsonData);
        var conn = new Ext.data.Connection();
        conn.request({
            url: "Handler1.ashx?parm=Delete", //请注意引用的路径
            params: { use_id: jsonData },
            method: 'post',
            scope: this,
            callback: function(options, success, response) {
                if (success) {
                    Ext.MessageBox.alert("提示", "所选记录成功删除！");
                    var row = Ext.getCmp("grid").getSelectionModel().getSelections();
                    store.remove(row);
                }
                else
                { Ext.MessageBox.alert("提示", "所选记录删除失败！"); }
            }
        })
    }
}; 
Ext.onReady(function() {
    Ext.QuickTips.init();
    store = new Ext.data.JsonStore({
        root: 'data',
        totalProperty: 'totalCount',
        url: 'Handler1.ashx?parm=Get',
        fields: [
                { name: 'use_id', type: 'int' },
                { name: 'use_name' },
                { name: 'use_sex' },
                { name: 'use_address' },
                { name: 'sco_subject' },
                { name: 'sco_score' }
        ]
    });
    var grid = new Ext.grid.GridPanel({
        frame: true,
        title: '学生各科成绩表',
        stripeRows: true, //斑马线
        store: store,
        id: 'grid',
        applyTo: 'app_grid',
        trackMouseOver: true,
        height: 300,
         500,
        loadMask: { msg: '正在加载数据，请稍侯……' },
        viewConfig: {
            forceFit: true
        },
        columns: [
            new Ext.grid.RowNumberer(), //行号
            new Ext.grid.CheckboxSelectionModel({ singleSelect: true }),
            { header: '<font size=2>用户帐户</font>', dataIndex: 'use_id', sortable: true },
            { header: '<font size=2>用户姓名</font>', dataIndex: 'use_name', sortable: true },
            { header: '<font size=2>用户性别</font>', dataIndex: 'use_sex', sortable: true },
            { header: '<font size=2>用户地址</font>', dataIndex: 'use_address', sortable: true },
            { header: '<font size=2>考试科目</font>', dataIndex: 'sco_subject', sortable: true },
            { header: '<font size=2>考试分数</font>', dataIndex: 'sco_score', sortable: true }
        ],
        tbar: new Ext.Toolbar([
            '-',
            {
                text: '<font size=2>增加数据</font>',
                iconCls: 'add',
                handler: function() {
                    window_add.show();
                }
            },
            '-',
            {
                text: '<font size=2>删除数据</font>',
                iconCls: 'delete',
                handler: function() {
                    var s = grid.getSelectionModel().getSelections();
                    if (s.length == 0) {//判断有没有选中行
                        Ext.Msg.alert('提示', '你还没有选择要操作的记录!');
                    } else if (s.length > 1) {
                        Ext.Msg.alert('提示', '不能删除多个操作记录!');
                    } else {
                        Ext.MessageBox.confirm('提示', '您确认要删除当前记录吗?', showResult);
                    };
                }
            },
            '-',
            {
                text: '<font size=2>更新数据</font>',
                iconCls: 'page_edit',
                handler: function() {
                    var s = grid.getSelectionModel().getSelections();
                    if (s.length == 0) {//判断有没有选中行
                        Ext.Msg.alert('提示', '你还没有选择要操作的记录!');
                    } else if (s.length > 1) {
                        Ext.Msg.alert('提示', '不能更新多个操作记录!');
                    } else {
                        window_page_edit.show();
                    };
                }
            },
            '-'
        ]),
        bbar: new Ext.PagingToolbar({//分页
            pageSize: _limit,
            store: store,
            displayInfo: true, //非要为true，不然不会显示下面的分页按钮
            displayMsg: '<font size=2>第 {0} 条到 {1} 条，一共 {2} 条记录</font>',
            emptyMsg: "没有记录"
        })
    })
    store.load({ params: { start: _start, limit: _limit} });
})

 

7 前台aspx文件

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Grid_Operating.aspx.cs" Inherits="ExtJs_ASP_Insert_Delete_Modify_Update._Default" %>
<!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">
    <link href="Stylesheet1.css" rel="stylesheet" type="text/css" />
    <link href="ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="ExtJs/adapter/ext/ext-base.js" type="text/javascript"></script>
    <script src="ExtJs/ext-all.js" type="text/javascript"></script>
<script src="myJs/Gri_datagrid.js" type="text/javascript"></script>
    <title>表格操作</title>
</head>
<body>
    <form id="form1" runat="server">
        <div id="app_grid"></div>
    </form>
</body>
</html>

 

8 运行结果

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

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

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

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

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

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

 

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

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

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

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

 

9 总结

　　9.1 Linq to SQL序列化过程

 　　

　　9.2 储存过程创建有利于数据的传送和维护

 

/*********************/
/*      插入        */
/********************/
--drop PROCEDURE pro_Insert_values
CREATE PROCEDURE pro_Insert_values
    @inp_use_id int,
    @inp_use_name nvarchar(20),
    @inp_use_sex nvarchar(2),
    @inp_use_address nvarchar(50),
    @inp_sco_subject nvarchar(20),
    @inp_sco_score smallint,
    @out_message nvarchar(2) output
AS
    BEGIN TRAN 
        SET @out_message=''
        BEGIN TRY
            INSERT INTO tb_user VALUES(@inp_use_id,@inp_use_name,@inp_use_sex,@inp_use_address)
            IF @@rowcount=0
                SET @out_message='0'
            INSERT INTO tb_score VALUES(@inp_use_id,@inp_sco_subject,@inp_sco_score)
            IF @@rowcount=0
                SET @out_message='0'
        END TRY
        BEGIN CATCH
            SET @out_message='0'
        END CATCH
        IF @@ERROR<>0
            ROLLBACK TRAN A
        ELSE
            if @out_message='' SET @out_message='1'
    COMMIT TRAN A
go

 

 

　　9.3 进行后台分页有利于数据加载 和 单位时间内数据传送的合理性(凑成Json的字符串进行数据传送)

 

        public string Get(HttpContext context)
        {
            int tem_start = int.Parse(context.Request.Form["start"] + "");      //分页需要limit,start是mysql里用的（或取当页开始的记录标识编号）
            int tem_limit = int.Parse(context.Request.Form["limit"] + "");  //或取每页记录数
var tem_query = from a in db.tb_user
                        from b in db.tb_score
                        where a.use_id == b.use_id
                        orderby a.use_id descending
                        select new { a.use_id, a.use_name, a.use_sex, a.use_address, b.sco_subject, b.sco_score };
int tem_Count = tem_query.Count();   //所要记录数
            int tem_PageNum = tem_start / tem_limit;  //共有页数
            int tem_PageSize = tem_limit;
            tem_query = tem_query.Skip(tem_PageSize * tem_PageNum).Take(tem_PageSize);  //当前页记录
string JsonSource = JsonHelper.Jso_ToJSON(tem_query);                      //当前页记录转成JSON格式
            string strJsonSource = @"{""totalCount"":""" + tem_Count + "";
            strJsonSource = strJsonSource + @""",""data"":" + JsonSource + "}";  //Grid的分页区显示所有记录数增加totalCount信息
            return strJsonSource;
        }

 

 

　　9.4 用Linq to SQL调用SQL的储存过程更有利于 程序的正常情况下的执行

 

        public string Insert(HttpContext context)
        {
string tem_out_message = null;
            try
            {
                db.pro_Insert_values(int.Parse(context.Request.QueryString["use_id"]), context.Request.QueryString["use_name"].ToString(), context.Request.QueryString["use_sex"].ToString(),
                    context.Request.QueryString["use_address"].ToString(), context.Request.QueryString["sco_subject"].ToString(), short.Parse(context.Request.QueryString["sco_score"]), ref tem_out_message);
            }
            catch
            {
                tem_out_message = "-1";
            }
            if (tem_out_message == "1")
            {
                return "{success:true}";
            }
            else if (tem_out_message == "-1")
            {
                return "{ success: false, errors:{info: '输入类型不匹配'} }";
            }
            else
            {
                return "{ success: false, errors:{info: '插入失败'} }";
            }
        }

 

 

　　9.5 相当资料帮助

　　中文：http://msdn.microsoft.com/zh-cn/library

　　英文：http://msdn.microsoft.com/en-us/library 

 

10 下载

https://files.cnblogs.com/yongfeng/ExtJs_ASP_Insert_Delete_Modify_Update.rar