您的位置：首页 > 数据库 > Oracle

Asp.Net+Oracle+ExtJs

2015-09-09 18:24 435 查看

Asp.Net+Oracle+ExtJs简单的增删查改

正文:我觉得ExtJs相对其他Js框架比较难上手,一些api都是英文的,学习资源也相对可能少一些,这里根据我自己所学的东西做了一套的简单的增删查改,框架还是Oracle+Ado.Net.

首先还是一个empPage.html,总体的页面布局以及表格数据:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="/Css/main.css" rel="stylesheet" type="text/css" />
<link href="/Ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/Ext/ext-all.js"></script>
<script type="text/javascript" src="/Ext/ext-lang-zh_CN.js"></script>

<script type="text/javascript" src="/Js/Main.js"></script>
<script type="text/javascript" src="/Js/GridMain.js"></script>
<script type="text/javascript" src="Js/AddEmpInfo.js"></script>
<script type="text/javascript" src="Js/DelEmpInfo.js"></script>
<script type="text/javascript" src="Js/EditEmpInfo.js"></script>
</head>
<body>
<form>
<div>
<div id="north" style=" background-image:url(/HotelUI/Images/main_top_BG.gif);width: 980px; height: 65px">
<div id="myTime" style="width: 237px; height: 19px; float:right; left: -11px; position: relative; top: 41px; font-size: 12px; color: #ffffff; z-index: 101;">
</div>
<div id="UserName" style="width: 187px; height: 18px; float:right; left: 152px; position: relative; top: 21px; font-size: 12px; color: #ffffff; z-index: 102;">
</div>
<div id="logo" style="width: 464px;
height: 61px; background-image: url(Images/aa.gif);">
</div>
</div>
<div id="west" style="width: 190px; height: 400px; float:left">
</div>
<div id="center" style="width: 579px; height: 400px; float:left">
</div>
<div id="east" style="width: 160px; height: 400px; float:left">
</div>
</div>
<div id="south" style="width: 980px; height: 105px; color:Red; margin:5px;font:normal 12px tahoma, arial, sans-serif, 宋体;" align="center">
<a>Footer Infomation YZR</a>
</div>
</form>
</body>
</html>

Main.Js包含了整个页面布局的设计以及相应布局下的一些事件代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace myOracle.UI.Ajax
{
using myOracle.Bll;
using System.Data;
using myOracle.Utility;
/// <summary>
/// by  YZR
/// </summary>
public class getEmpList : IHttpHandler
{
EmpBll bll = new EmpBll();
public void ProcessRequest(HttpContext context)
{
string pageSize = "20";
string pageIndex = "1";
DataTable dt =null;
int totalCount =0;
string JsonStr=string.Empty;
if ( context.Request.Form["msg"] != null)
{
string empno = context.Request.Form["msg"];
dt = DbHelper.GetDataTableFromIDataReader(bll.GetDataReaderByPage(" empno='" + empno+"'", int.Parse(pageSize), int.Parse(pageIndex)));
totalCount = bll.GetCount(" empno="+empno);
JsonStr = JSonHelper.CreateJsonParameters(dt, true, totalCount, "data");
}
else
{
dt= DbHelper.GetDataTableFromIDataReader(bll.GetDataReaderByPage("", int.Parse(pageSize), int.Parse(pageIndex)));
totalCount = bll.GetCount(null);
JsonStr = JSonHelper.CreateJsonParameters(dt, true, totalCount, "data");

}
context.Response.Write(JsonStr);

}

public bool IsReusable
{
get
{
return false;
}
}
}
}

pageEmpList

本文可用于一起学习!

END

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航