刚写的B/S高级查询界面（基于ExtJs框架）

最新推荐文章于 2023-12-20 08:45:59 发布

nhconch

最新推荐文章于 2023-12-20 08:45:59 发布

阅读量7.7k

点赞数

分类专栏： JavaScript脚本文章标签： extjs function string stylesheet header date

本文链接：https://blog.youkuaiyun.com/nhconch/article/details/2849811

版权

本文分享了一篇使用ExtJs框架快速构建的B/S系统高级查询界面的实践，包括界面展示和关键代码。尽管部分交互功能未完成，但已经能够提供一些基础查询条件设置，如日期、字符串、数值和布尔类型的查询操作。作者希望通过分享促进交流和学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这几天赶着做一个B/S系统，基于ExtJs框架，从中学了不少东西，今天写的高级查询界面感觉比较有意义，很多人应该也用得着，特拿出来共享一下。当然没正式完工，余下与服务器交互、Lookup列表、取生成查询条件一部分没有完成，做得有点腻了，先放出来，曾经做过的不妨交流一下。

界面：

查询界面

代码：

 
 <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>XXXX系统V1.0</title>
<meta name="Author" contect="彭国辉">
<meta name="Keywords" content="blog:http://blog.youkuaiyun.com/nhconch" />
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="resources/css/hndc.css">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="source/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';
Ext.onReady(function () {
   
var dsPQ=new Ext.data.JsonStore({
   
   fields:["idx","relation","leftParenthesis","fieldname","operator","value","rightParenthesis"] 
});
var fieldsDef = new Ext.data.JsonStore({
   
    fields: ['value','text','type'],
    data:[
        {value:'A.Billno',text:'预约单号',type:'string'},
        {value:'A.Date',text:'时间',type:'date'

最低0.47元/天解锁文章