前端代码：
<div id="dlg" class="easyui-dialog" closed="true">
<form id="fm" method="post">
<table style="width:100%;">
<tr><td>标题：</td><td><input name="title" class="easyui-validatebox" required="true" /> </td><td> </td></tr>
<tr><td>关键词：</td><td><input name="keywords" class="easyui-validatebox" required="true" /> </td><td> </td></tr>
<tr><td>描述：</td><td><input name="description" class="easyui-validatebox" required="true" /> </td><td> </td></tr>
</table>
</form>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" id="btnSave" iconcls="icon-save">保存</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$(‘#dlg‘).dialog(‘close‘)" iconcls="icon-cancel">取消</a>
</div>
</div>
<table id="dg" ></table>
<script>
$(‘#dg‘).datagrid({
title: ‘网站文章列表‘,
iconCls: ‘icon-edit‘,//图标
width: 700,
height: ‘auto‘,
nowrap: false,
striped: true,
border: true,
collapsible: false,//是否可折叠的
fit: true,//自动大小
url: ‘DataGrid.ashx‘,
//sortName: ‘id‘,
//sortOrder: ‘desc‘,
remoteSort: false,
idField: ‘fldId‘,
singleSelect: false,//是否单选
pagination: true,//分页控件
rownumbers: true,//行号
frozenColumns: [[
{ field: ‘ck‘, checkbox: true }
]],
//-----------------------------------------------
toolbar: [{
text: ‘添加‘,
iconCls: ‘icon-add‘,
handler: function () {
Add();
}
}, ‘-‘, {
text: ‘修改‘,
iconCls: ‘icon-edit‘,
handler: function () {
Edit();
}
}, ‘-‘, {
text: ‘删除‘,
iconCls: ‘icon-remove‘,
handler: function () {
Delete();
}
}],
//------------------------------------------------------
columns: [[
{ field: ‘id‘, title: ‘编号‘, width: 100 },
{field:‘title‘,title:‘标题‘},
{field:‘keywords‘,title:‘关键词‘},
{field:‘description‘,title:‘描述‘,align:‘left‘}
]]
});
//设置分页控件
var p = $(‘#dg‘).datagrid(‘getPager‘);
$(p).pagination({
pageSize: 10,//每页显示的记录条数，默认为10
pageList: [5, 10, 15],//可以设置每页记录条数的列表
beforePageText: ‘第‘,//页数文本框前显示的汉字
afterPageText: ‘页 共 {pages} 页‘,
displayMsg: ‘当前显示 {from} - {to} 条记录 共 {total} 条记录‘,
/*onBeforeRefresh:function(){
$(this).pagination(‘loading‘);
alert(‘before refresh‘);
$(this).pagination(‘loaded‘);
}*/
});
//增加
function Add()
{
$("#dlg").dialog("open").dialog(‘setTitle‘, ‘增加新文章‘);
$("#fm").form("clear");
$("#btnSave").click(AddSubmit);//绑定保存按钮的事件
}
//修改
function Edit()
{
var row = $("#dg").datagrid("getSelected");
if (row) {
$("#dlg").dialog("open").dialog(‘setTitle‘, ‘修改文章‘);
$("#fm").form("load", row);
}
}
function AddSubmit()
{
$("#fm").form("submit", {
url: "DataGrid.ashx?action=add",
onsubmit: function () {
return $(this).form("validate");
},
success: function (result) {
if (result == "1") {
$.messager.alert("提示信息", "操作成功");
$("#dlg").dialog("close");
$("#dg").datagrid("load");
}
else {
$.messager.alert("提示信息", "操作失败");
}
}
});
}
//删除
function Delete()
{
var row = $(‘#dg‘).datagrid(‘getSelected‘);
if (row) {
$.messager.confirm(‘Confirm‘, ‘确定要删除这条记录吗?‘, function (r) {
if (r) {
$.post(‘DataGrid.ashx‘, { action:‘delete‘, id: row.id }, function (result) {
if (result) {
$(‘#dg‘).datagrid(‘reload‘).datagrid(‘unselectAll‘); // 重新加载数据
} else {
$.messager.show({ // 出错提示
title: ‘Error‘,
msg: result.errorMsg
});
}
}, ‘json‘);
}
});
}
}
</script>
后端代码：
namespace EasyuiStudy
{
/// <summary>
/// DataGrid 的摘要说明
/// </summary>
public class DataGrid : IHttpHandler
{
private string connstring = "";
public void ProcessRequest(HttpContext context)
{
string title = context.Request["title"];
string action = context.Request["action"];
switch (action)
{
case "add": add(context);
break;
case "delete": delete(context);
break;
default:query(context);
break;
}
}
public bool IsReusable
{
get
{
return false;
}
}
//分页查询
private void query(HttpContext context)
{
string rows = context.Request["rows"];
string page = context.Request["page"];
int intRowCount = 10;
int intPageIndex = 1;
if (rows != null && rows != "0")
{
intRowCount = Convert.ToInt32(rows);
}
if (page != null && page != "0")
{
intPageIndex = Convert.ToInt32(page);
}
context.Response.ContentType = "text/plain";
context.Response.Write(MyQuery(intPageIndex, intRowCount));
}
//增加
private void add(HttpContext context)
{
string title = context.Request["title"];
string keywords = context.Request["keywords"];
string description = context.Request["description"];
MySqlHelper mysqldb = new MySqlHelper(connstring);
string sql = string.Format("insert into `hdm1140428_db`.`v9_news` (title,keywords,description) values(‘{0}‘,‘{1}‘,‘{2}‘)",title,keywords,description);
int i=mysqldb.ExecuteNonQuery(sql);
context.Response.ContentType = "text/plain";
context.Response.Write(i.ToString());
}
//删除一条记录
private void delete(HttpContext context)
{
string id = context.Request["id"];
MySqlHelper mysqldb = new MySqlHelper(connstring);
string sql = string.Format("delete from `hdm1140428_db`.`v9_news` where id={0}",id);
int i = mysqldb.ExecuteNonQuery(sql);
context.Response.ContentType = "text/plain";
context.Response.Write(i.ToString());
}
private string MyQuery(int PageIndex,int RowCount)
{
MySqlHelper mysqldb = new MySqlHelper(connstring);
//获得总记录数
string sql = "select Count(*) total from `hdm1140428_db`.`v9_news`";
DataTable dt=mysqldb.ExecuteDataTable(sql);
int total = Convert.ToInt32(dt.Rows[0].ItemArray[0].ToString()) ;
sql = string.Format("select * FROM `hdm1140428_db`.`v9_news` order by id desc limit {0},{1} ", (PageIndex - 1) * RowCount, RowCount);
dt = mysqldb.ExecuteDataTable(sql);
string json=EasyuiDataGrid.DataTable2Json(dt,total);
return json;
}
}
}
DataTable转成DataGrid能够识别的json：
public class EasyuiDataGrid
{
#region dataTable转换成Json格式
/// <summary>
/// dataTable转换成Json格式
/// </summary>
/// <paramname="dt"></param>
///<returns></returns>
public static string DataTable2Json(DataTable dt,int total=-1)
{
StringBuilder jsonBuilder = new StringBuilder();
jsonBuilder.Append("{\"total\":");
if (total == -1)
{
jsonBuilder.Append(dt.Rows.Count);
}
else
{
jsonBuilder.Append(total);
}
jsonBuilder.Append(",\"rows\":[");
for (int i = 0; i <dt.Rows.Count; i++)
{
jsonBuilder.Append("{");
for (int j = 0; j <dt.Columns.Count; j++)
{
jsonBuilder.Append("\"");
jsonBuilder.Append(dt.Columns[j].ColumnName);
jsonBuilder.Append("\":\"");
jsonBuilder.Append(dt.Rows[i][j].ToString());
jsonBuilder.Append("\",");
}
if (dt.Columns.Count > 0)
{
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
}
jsonBuilder.Append("},");
}
if (dt.Rows.Count > 0)
{
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
}
jsonBuilder.Append("]}");
return jsonBuilder.ToString();
}
#endregion dataTable转换成Json格式
}
时间： 2025-01-05 18:16:09