首页 > 其他分享 >ExtJS

ExtJS

时间:2024-09-25 11:15:27浏览次数:5  
标签:name value Ext jsp new data ExtJS

调用后台代码获取数据,并根据选择的数据触发其它组件

var projectDS = new Ext.data.Store({
     	        proxy: new Ext.data.HttpProxy({
     	            url: './netmarkets/jsp/com/chipsea/doc/getProject.jsp',
     	            method: "post"
     	        }),
     	        reader: new Ext.data.JsonReader({    // read json data
     	                    root: "result",
     	                    totalProperty: "totalCount",
                            fields:[{name:"name"},{name:"displayName"}]
     	                })
     });
projectDS.load();
 var projectCombo = new Ext.form.ComboBox({
         fieldLabel:'项目',
         typeAhead: true,
         triggerAction: 'all',
         lazyRender:true,
         mode: 'local',
         store: projectDS,
         valueField:'name',
         displayField:'displayName',
         listeners: {
            'select': function () {
                console.log("select value:" + this.value);
                var taskDS = new Ext.data.Store({
                baseParams:{'projectName':this.value},
     	        proxy: new Ext.data.HttpProxy({
     	            url: './netmarkets/jsp/com/chipsea/doc/getTask.jsp',
     	            method: "post"
     	        }),
     	        reader: new Ext.data.JsonReader({    // read json data
     	                    root: "result",
     	                    totalProperty: "totalCount",
                            fields:[{name:"task"},{name:"displayTask"}]
     	                })
                });
                taskCombo.value = '';
                taskCombo.store = taskDS;
                taskDS.load();
            }
        }
         });

标签:name,value,Ext,jsp,new,data,ExtJS
From: https://www.cnblogs.com/rogerhu/p/18430913

相关文章

  • 如何在Nextjs中添加RBAC授权
    基于角色的访问控制(rbac)是现代web应用程序中的一项重要功能,使管理员能够根据用户在系统中的角色来管理用户权限。在next.js应用程序中实现rbac涉及几个关键步骤:定义角色和权限、将其与身份验证集成以及在应用程序中实施访问控制。本指南将引导您完成向next.js应用程序......
  • 如何解决 Nextjs 中的水合错误
    “水合失败,因为服务器渲染的html与客户端不匹配......”如果您一直使用next.js来构建应用程序,您一定遇到过上述错误或类似的错误。这称为水合错误。当我第一次开始使用next.js时,我曾经遇到过这个错误,但我不知道该怎么做,也从不去查找它,因为它当时并没有真正影响我的代码......
  • 如何出售 Nextjs 代码并增加收入
    Next.js是一个被Web开发人员广泛使用的React框架,因为它能够构建高性能Web应用程序以及服务器端渲染和动态路由等功能。如果您是一位拥有Next.js经验的开发人员,您可以通过出售您创建的代码来利用这种专业知识。以下是一些出售Next.js代码并增加收入的有效方法。在市场上......
  • 在当今时代使用 Nextjs:现代 Web 开发框架
    在当今快速发展的数字环境中,Web开发变得比以往更加复杂和动态。开发人员不断寻找能够简化工作流程、提高性能和增强用户体验的工具。在各种可用的框架中,Next.js已成为开发人员的最佳选择,因其易用性、灵活性和强大的功能而广受欢迎。Next.js构建于React之上,通过提供用于构建......
  • 使用 Nextjs Prisma、TailwindCSS 和 Next Auth 进行旅行预订
    旅行预订应用程序使用next.js14、tailwindcss、typescript和prisma进行中的旅行应用程序。允许用户注册、游览浏览、预订和评论提交。对开发过程中的所有贡献开放。入门克隆存储库:gitclonehttps://github.com/saidmounaim/travel-booking.git安装依赖项:npminstall......
  • 使用 Nextjs TypeScript、Prisma 和 Next-Auth 的休闲服装应用
    休闲服装应用使用next.js14、tailwindcss、typescript和prisma的休闲服装应用。包括用户注册、产品过滤和购物车管理。对开发过程中的所有贡献开放。入门克隆存储库:gitclonehttps://github.com/saidmounaim/casualclothes.git安装依赖项:npminstall在根目录创建一个......
  • 使用 Remotion、Nextjs 和 Tailwind CSS 构建基于 Web 的视频编辑器
    如果您曾经想创建自己的强大的基于网络的视频编辑器(类似于veed.io或descript等流行工具),那么您来对地方了!在本分步指南中,我们将向您展示如何使用remotion、next.js和tailwindcss构建视频编辑器。最后,您将为开发自己的基于浏览器的视频编辑工具奠定坚实的基础。介绍......
  • 【EasyBlog】基于React+AntD+NextJS+NestJS+MySQL打造的开源博客系统
    Github项目地址:https://github.com/fecommunity/easy-blog,欢迎Star。Easy-BlogEasy-Blog是一套集成文章发表、页面创建、知识库管理、博客后台管理等功能于一体的博客系统。首页-浅色主题首页-暗黑主题文章阅读后台管理✨特性......
  • 什么是 Web Worker 以及如何在 NextJS 中使用它
    先决条件reactjs/nextjs基础知识什么是网络工作者javascript是一种单线程语言,它使用的线程称为主线程浏览器实际上使用其他线程来自浏览器api的webworker是您使用javascript创建和注册附加线程的一种方式当您只能在主线程上工作时,为什么还要创建其他线程呢?假......
  • Nextjs Rendering- SSR, SSG, RSC in SPAs – What’s the Deal-
    Next.js充满了诸如SSR、SSG和RSC之类的首字母缩略词,这可能会让您头晕。但这一切都是为了让网络应用程序更加流畅。SPA(单页应用程序)就像在整个烧烤中使用一个盘子-您只需更换内容即可确保无缝体验。SSR(服务器端渲染)就像按需新鲜烹饪一样,非常适合经常变化的内容。通过SSR,......