• jQuery中的easyui


    一,easyui---datagrid绑定数据的简单测试:

    1.数据库中的UserInfo表及数据测试:

    2.DAL层:

    //分页,模糊查询(pageNum-1)*pageSize+1----从第几条数据开始,pageNum*pageSize----查询到那一条结束

    //查询总的条数

    3.一般处理程序(UserInfoHander.ashx):

     4.datagrid绑定数据:

    <script type="text/javascript">
    $(function () {
    loadUser();
    $("#datagrid").datagrid({
    url: "UserInfoHander.ashx",//请求一般处理程序
    type: "post",
    title: "用户信息表",
    remoteSort: false,//默认为true 如果对本地数据排序必须设置为false
    height: 500,//设置表格的高度
    pageSize: 5,//每页显示的数据
    pageList: [1, 2, 3, 4, 5, 6],
    pagination: true,//是否开启分页
    rownumbers: true,//是否显示行号
    singleSelect: true,//是否只能单行选中
    queryParams: getQueryParams(),//返回参数
    columns: [[
    { field: "ck", checkbox: true },
    { field: "id", title: "编号", 100, sortable: true },//sortable: true 指定字段进行数据排序
    { field: "name", title: "用户名", 150 },
    { field: "phone", title: "电话", 150 },
    { field: "address", title: "地址", 300 }

    //此处的id,name,phone,address字段与实体类中提供get,set属性一 一 对 应 

    ]],

    <script />

    5.效果图:

  • 相关阅读:
    边缘检测(13)
    图像梯度
    高斯金字塔和拉普拉斯金字塔(十一)
    轮廓发现(16)
    圆检测(15)
    直线检测(14)
    图像腐蚀与图像膨胀(18)
    go语言从例子开始之Example18_1.结构体中定义方法
    go语言从例子开始之Example18.struct结构体
    go语言从例子开始之Example17.指针
  • 原文地址:https://www.cnblogs.com/qinwenfeng/p/9573183.html
Copyright © 2020-2023  润新知