datagrid --1

最新推荐文章于 2024-08-17 21:49:37 发布
最新推荐文章于 2024-08-17 21:49:37 发布
阅读量98 收藏
点赞数
分类专栏： jquery-easyui-1.2.6 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chongqingnantian/article/details/84599013
版权



 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>1.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!-- easyui的样式 -->
    <link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
    <!-- 小图标的样式 -->
    <link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/icon.css">
   
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../jslib/syUtil.js"></script>
 
 <script type="text/javascript">
  $(function(){
   
  });
  
  
 </script>
 
  </head>
 
  <body id="blayout" class="easyui-layout"> 
    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> 
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> 
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> 
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>
    <!-- href只加载center.html里面的body部分代码，其余的都不管 -->
    <div data-options="region:'center',title:'center title',href:'center.html',overflow:'hidden'"></div> 
  </body> 

</html>

center.html的内容如下：

 

<script type="text/javascript">
 var datagrid;
 
 $(function(){
  datagrid = $("#datagrid").datagrid({
   url : 'http://127.0.0.1:8001/sypro/userController/datagrid.action',
   title : "datagrid",
   iconCls : "icon-save",
   pagination : true,
   pageSize : 10,
   pageList : [10,20,30],
   //fit属性让这个表格填充到父级容器中
   fit : true,
   //fitColumns让表格自动调整列的宽度，而不出现横向的滚动条
   fitColumns : true,
   //如果一个列的值太长，需要折行显示，就需要设置nowrap : false
   nowrap : false,
   border : false,
   idField : "id",
   sortName : "name",
   sortOrder : "desc",
   columns : [[
    {title:"编号", field:"id", width:100},
    {title:"姓名", field:"name", width:100, sortable:true},
    {title:"密码", field:"password", width:200}
   ]]
  });  
 });
 
</script>

<div class="easyui-tabs" fit="true" border="false">
 <div title="用户管理系统">
  <table id="datagrid"></table>
 </div>
</div>

chongqingnantian
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Datagrid （1）
AntingZ的专栏
06-12 2018
序：    根据CSDN上的网友提出的有关Datagrid使用的问题，我收集整理了下面这些使用Datagrid的常用方法。希望能够为初学者在学习使用Datagrid的过程中带来方便。注明：我这里的Datagrid的数据源默认情况下全部是单个的DataTable. 1．   Datagrid的数据源可以有哪些？对于 DataGrid 有效的数据源包括：DataTable 类 DataView 类 D
DataGrid 小结
luohuayuan69的专栏
05-20 501
隔行换色------------------------------------------------------------------------------------------ 1.<mx:DataGrid id="dataGrid" dataProvider="{Font.enumerateFonts(true)}" alternatingIt
Datagrid-filter插件
03-27
1. 集成：将`datagrid-filter.js`引入项目，并根据`datagrid-filter.html`中的示例代码配置和初始化插件。 2. 自定义过滤器：插件可能支持多种类型的过滤器，如文本、数字、日期等，开发人员可以根据需要定制过滤...
datagrid-export.zip
01-22
这个“datagrid-export.zip”文件提供了一种解决方案，使得开发者能够将EasyUI-datagrid中的数据按照其在界面上的样式，包括合并的单元格、复杂的表头、背景色和文字颜色等，方便地导出到Excel中，实现“所见即所得...
datagrid-export
02-24
datagrid-export
datagrid-dnd.zip
06-19
附件中包含示例页面，需要引用以下几个js <script type="text/javascript" src="../../jquery-1.8.0.min.js"> <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
datagrid-export.js
09-29
该文件是用来将easyui-datagrid按照格式导出到excel中，可以将合并的单元格，复杂的表头，背景色及字色等按照显示的样式导出到excel,即所见即所得
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 289
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1121
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
CSS的:defined伪类：选择已定义元素的新选择器
2401_85743969的博客
08-17 461
在CSS中，伪类用于选择元素的不同状态或行为。:defined伪类是CSS4的一个特性，用于选择已经在文档中定义的元素。
【无标题】
weixin_42348009的博客
08-14 173
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
基于vue框架的爱看电影网站v4o92（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-15 967
项目功能：用户,电影分类,电影信息,电影评分基于Vue框架的爱看电影网站项目功能丰富多样，旨在为用户提供一个集电影浏览、信息查询、观影体验、互动交流于一体的综合性平台。
NVDLA专题4：具体模块介绍——Convolution DMA
fangfanglovezhou的博客
08-14 569
NVDLA专题4：具体模块介绍——Convolution DMA
一些有趣的XSS注入GAME
最新发布
qq_67758645的博客
08-17 635
如果我们不经过前面的javascript:将其变成字符串，那么传进去后时候就会带两个引号，那么就算setTimeout可以将字符串当作代码执行，但是，里面还是一层字符串，执行不了。我理解的是javascript：将后面的alert字符串替换成alert js代码，类似于eval的作用，传进setTimeout的时候就不是字符串，而是js代码。将%编码试试，%25，这样到后端以后就会变成%28 %29，如果js能够解码的话，最后传到页面的时候在解码%28，%29为（），这样不就实现了嘛。
Bootstrap 附加导航（Affix）插件
2402_83140078的博客
08-17 389
附加导航（Affix）插件允许指定 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 会锁定在某个位置，不会随着页面其他部分一起滚动。
Javascript嵌套函数的调用
Cc040909的博客
08-17 336
闭包的嵌套函数就不同了，由于有两个函数，调用栈就标记为1， 表示内部还有函数，这个函数不知道什么时候才执行，所以js引擎就把他保存在内存中了。恰好第一个函数和第二个函数执行的时候，眼睛观察到的调用是看不到对象，所以执行的是默认绑定，都默认绑定在全局对象window上(浏览器环境)。上面这个总结的过程非常微妙，细节就在于嵌套的函数的分部执行过程，尽管内部函数嵌套在外部函数内，但是外部函数并没有影响内部函数的权利，内部函数的执行是不受外部函数控制的。外部函数和内部函数是两个不同的事件循环位置，独立调用的，
C#中Newtonsoft.Json 库的使用
weixin_64532720的博客
08-14 235
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript的一个子集，标准 ECMA-262 第三版 - 1999 年 12 月。JSON 格式的数据由键值对组成，数据以文本形式存储和交换。
使用MicroApp重构旧项目
Vivien_CC的博客
08-15 854
随着技术的飞速发展，我们公司内部一个基于“上古神器” jQuery + PHP 构建的十年历史老项目已显力不从心，技术非常老旧且维护成本高昂，其实已经无数次想要重构，但是苦于历史遗留原因以及业务的稳定性而一直难以下手，而且一时半会又不能全部重构。本次新页面较多且后续将持续迭代新模块，而老页面的改动较少且代码库错综复杂，牵一发而动全身。经过几番思考，我们发现。
基于vue框架的SSM基于B_S的毕业设计题目管理系统的设计与实现ij0q7（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-13 735
在高等教育体系中，毕业设计作为学生综合运用所学知识和技能，解决实际问题的重要环节，其管理过程的高效性和透明度直接影响到学生的培养质量和学校的教学管理水平。随着信息技术的快速发展，开发一套基于Web的毕业设计题目管理系统，实现题目申报、审核、分配、进度跟踪等流程的信息化管理，已成为提升毕业设计管理效率和质量的重要途径。每个步骤都需要仔细配置和测试，以确保系统的稳定性和高效性。[6]师明,曾丹.基于Vue.js和Spring Boot的校招日记系统[J].工业控制计算机,2020,33(01):95-97.
<div style=";text-align:center;;height:auto;" class="datagrid-cell datagrid-cell-c1-checkId">已通过</div></td><td field="button"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-button"><a href="#" style="color: red" onclick="fileManager(0)">图片管理</a></div></td><td field="truckNo"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-truckNo">辽PD6885</div></td><td field="truckCardColor"><div style=";text-align:center;;height:auto;" class="datagrid-cell datagrid-cell-c1-truckCardColor">黄牌</div></td><td field="vtNam"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-vtNam">秦皇岛九福物流有限公司</div></td><td field="driverNam"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-driverNam">叶红建</div></td><td field="linkTel"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-linkTel">13842929049</div></td><td field="workCompanyCod"><div style=";text-align:center;;height:auto;" class="datagrid-cell datagrid-cell-c1-workCompanyCod">金海粮油</div></td><td field="cargoNam" style="display:none;"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-cargoNam"></div></td><td field="consignCod" style="display:none;"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-consignCod"></div></td><td field="planDte"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-planDte">2023-05-01</div></td><td field="validTyp"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-validTyp">当天有效</div></td><td field="ifEnd"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-ifEnd">x</div></td><td field="individualId" style="display:none;"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-individualId">0</div></td><td field="rejectReason"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-rejectReason"></div></td><td field="checkNam"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-checkNam">jhly</div></td><td field="checkTim"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-checkTim">2023-04-29 21:09</div></td>以上代码为网页源码，帮我写一段python程序从以上代码中找出drivernam和checkTim并保存数据库中
06-13
可以使用BeautifulSoup和pymysql库来实现该功能。以下是示例代码： ``` python from bs4 import BeautifulSoup import pymysql # 解析网页源码 html = """ <div style=";text-align:center;;height:auto;" class="datagrid-cell datagrid-cell-c1-checkId">已通过</div></td><td field="button"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-button"><a href="#" style="color: red" onclick="fileManager(0)">图片管理</a></div></td><td field="truckNo"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-truckNo">辽PD6885</div></td><td field="truckCardColor"><div style=";text-align:center;;height:auto;" class="datagrid-cell datagrid-cell-c1-truckCardColor">黄牌</div></td><td field="vtNam"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-vtNam">秦皇岛九福物流有限公司</div></td><td field="driverNam"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-driverNam">叶红建</div></td><td field="linkTel"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-linkTel">13842929049</div></td><td field="workCompanyCod"><div style=";text-align:center;;height:auto;" class="datagrid-cell datagrid-cell-c1-workCompanyCod">金海粮油</div></td><td field="cargoNam" style="display:none;"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-cargoNam"></div></td><td field="consignCod" style="display:none;"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-consignCod"></div></td><td field="planDte"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-planDte">2023-05-01</div></td><td field="validTyp"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-validTyp">当天有效</div></td><td field="ifEnd"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-ifEnd">x</div></td><td field="individualId" style="display:none;"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-individualId">0</div></td><td field="rejectReason"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-rejectReason"></div></td><td field="checkNam"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-checkNam">jhly</div></td><td field="checkTim"><div style=";height:auto;" class="datagrid-cell datagrid-cell-c1-checkTim">2023-04-29 21:09</div></td> """ soup = BeautifulSoup(html, 'html.parser') # 获取driverNam和checkTim的值 driverNam = soup.find('td', {'field': 'driverNam'}).text.strip() checkTim = soup.find('td', {'field': 'checkTim'}).text.strip() # 将数据保存到数据库中 conn = pymysql.connect(host='localhost', user='root', password='password', database='test') cur = conn.cursor() sql = "INSERT INTO table_name (driverNam, checkTim) VALUES (%s, %s)" values = (driverNam, checkTim) cur.execute(sql, values) conn.commit() cur.close() conn.close() ``` 需要将代码中的`table_name`替换为实际表名，以及修改数据库连接参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值