首页
学习
活动
专区
圈层
工具
发布

【大牛经验】Java开源JSP标签库(32款)

(grid)控件.它还提供一些额外的功能可以把网格中的数据导出为XLS,PDF和CSV(利用JasperReports来实现)并能与Struts框架相结合. 19 eXtremeTable eXtremeTable...27 JSControlsTags JSControlsTags这个JSP标签库提供了一些基于Ajax(Prototype.js/scriptaculous.js)技术的Web UI控件(Autocomplete...它能够压缩JavaScript或CSS并缓存到内存或文件中。压缩算法可针对不同资源类型进行扩展。扩展使用策略设计模式实现。...利用pack:tag压缩静态资源:能够减少带宽;加速客户端装载时间;混淆内容和资源名称。解决JavaScript文件浏览器缓存问题(将HashCode成新的资源名称)。...如果你不熟悉javascript,但只要会使用标签,同样可以使用ExtJS漂亮的UI组件。

2.6K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于jQuery 常用WEB控件收集

    它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。 Farbtastic ContextMenu 用于创建右键弹出菜单的jQuery插件。...jQuery plugin: Validation Flot Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。...这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。 jQuery Form Plugin jTemplates 基于jQuery开发的javascript模板引擎。...提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。...jdMenu JQuery Pager 一个利用jQuery开发的分页UI控件,可用于数据驱动的web应用程序中。

    10.6K10

    Ext基础

    最初,Ext JS基于YUI技术,从UI界面中 CSS样式的应用到数据解析中的异常处理,它都是一款不可多得的 JavaScript客户端技术精品。...在整个Ext 中,表格控件在界面和功能上都是最重要的,包括排序、缓存、拖动、隐藏列、显示行号以及编辑单元格等功能。...在应用程序中,可以直接通过应用这些控件实现友好、交互性强的应用程序的 UI (3)实用工具(util):Ext提供了许多的实用工具,可以方便地实现数据内容格式化、JSON数据解码反解码、对 Date 和...在 Ext 中,Grid控件和其他显示数据的控件能够支持多种数据类型 (二维数组、JSON数据和 XML数据等)甚至自定义的数据类型。...n 在 Ext中,Grid控件和其他显示数据的控件能够支持多种数据类型 (二维数组、JSON数据和 XML数据等)甚至自定义的数据类型。

    2.5K10

    ExtJs学习笔记(2)_Basic GridPanel

    这一节,将学习如何使用网络上最常见的UI控件_Grid 1.静态示例: 静态示例其实官方下载包里,就有sample,这里只贴出代码,后面的如何跟WCF结合,做出动态版的Grid才是本文重点 <!...Ext.onReady(function() { Ext.state.Manager.setProvider(new Ext.state.CookieProvider());//设置缓存...的WCF服务",命名为MyService.svc (2)写一个方法用于取得网格所需的数据 [ServiceContract(Namespace = "")]     [AspNetCompatibilityRequirements...        } } 注意:这里是用linq to sql的方法写的,默认情况下linq to sql设计器生成的T_Class类里,是不支持序列化的,ExtJs调用时无法正确序列成JSON字符串,需要手动在类前加上数据契约...中,否则网格上右击,设置显示列时,报JS错误,原因不明。

    2.1K90

    你不知道的web前端(上)

    html构成了网页的结构,css描述网页的样式,javascript完成事件逻辑比如点击、悬浮事件,ajax完成了前端和后台的通信。...四、颠覆的ajax ●● ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...在古老年代,没有ajax的情况下,要想拉取一个接口数据,必须要刷新整个网页,但是ajax只需要通过一个对象来发起http请求,不用刷新整个网页,就可以获取到后台返回的数据。...vue和react都是javascript框架,而element是基于vue构建出来的一套UI组件库,antdesign是基于react构建出的UI组件库。...UI组件库封装了很多html原生的控件,并赋予简洁通用的样式,使用UI组件库可以快速的开发一个网站,降低了很多开发成本。

    2.3K40

    Ajax之三 Ajax服务器端控件

    ScriptManager控件负责管理在页面上使用的JavaScript库,并在服务器和客户机之间来回编组信息,完成部分页面的呈现过程。...如果仅在Asp.Net页面上放置了ScriptManager控件,它就会负责加载Asp.Net AJAX需要的JavaScript库。...userdata中的最近前三条数据,将数据库中的支出金额由“49.4”修改为“49.45”,点击“刷新”按钮,发现数据在页面无刷新的情况下改变,如图3-2所示。...项目三:UpdatePanel实现触发器更新局部内容 从项目一和项目二我们知道,只要把需要数据更新的控件和触发数据更新的控件都放在UpdatePanel中就可以快速地实现AJAX效果了。...它是定时控件,在实际开发中,我们经常使用Timer控件来完成自动刷新功能,比如聊天室聊天内容的即时更新、“世界杯”比赛中的夺冠国家统计、电气考核指标的实时数据等,都可以通过使用Timber控件的定时功能来实现

    2.8K00

    React全家桶简介

    在Html中对DOM进行更新操作十分昂贵,为减少对于真实DOM的操作,诞生了Virtual DOM的概念,也就是用javascript把真实的DOM树描述了一遍,使用的也就是我们刚刚说过的JSX语法。...具体渲染出的是Web DOM还是Android控件或是iOS控件就由平台决定了。 React-router 应用程序的路由。它通过管理 URL,实现组件的切换和状态的变化。...这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据,也包括 UI 状态,如激活的路由,被选中的标签,是否显示加载动效或者分页器等等。...组件分两种,容器组件和展示组件。 ? Store Store 是Redux中的主要概念,是保存数据的地方,它实际上是一个Object tree。整个应用只能有一个 Store。...组件的数据来源,通常是通过 Ajax 请求从服务器获取,可以使用 componentDidMount 方法设置 Ajax 请求,等到请求成功,再用 this.setState 方法重新渲染 UI。

    2.5K10

    图解AngularJS Wijmo5和LightSwitch

    Visual Studio 2013 中的 LightSwitch 有新增功能,包括更好的团队开发支持以及在构建 HTML 客户端桌面和 Office 365 应用程序方面的改进。...基于Visual Studio LightSwitch作为数据源,我们使用Wijmo 5控件快速的创建 AngularJS应用程序。 ? 插入数据记录 ? 业务规则校验 ? 数据记录更新 ?...选择数据记录,点击键盘上删除按键 ? 点击列头,进行数据排序 ? 并发性校验(由LightSwitch的后端提供)。 Wijmo 5控件集 ?...为了100%控制UI:LightSwitch HTML Client基于JQuery Mobile,这导致为了控制UI不得不花费大量时间。 为了实现安全性:安全策略一般在Server端实现。...在解决方案视图,在数据源DataSources右键,选择Add Table ? 创建ToDo表 ? 点击写代码按钮,选择Validate方法,在生成的模板中,插入验证代码。

    1.7K90

    Bootstrap运用终极指南

    只需要在CSS中省略viewport元标记,覆盖每个网格层容器的宽度,删除导航栏上所有折叠和展开行为,并在使用网格布局时对它们进行一些调整就可以了。关于操作详情,你可以阅读入门文档中的说明。...1.Fuel UX 是一组用于web应用程序的附加JavaScript控件。它提供了超过12个jQuery控件供部署使用,如数据中继器、树、导航栏等。 2....Typeahead.js 是一个来自Twitter的JavaScript库,用于构建typeaheads。 31. X-editable 插件支持在Bootstrap中的页面上创建可编辑元素。...Gridmanager.js 支持在Bootstrap之类的框架中创建和编辑网格布局。 39. Slider for Bootstrap 是Bootstrap的滑块控件。 40....7.Cardeostrap是一个用于Bootstrap的大型UI工具包,内容分为CSS、组件和JavaScript三个版块。

    5.9K11

    ajax是什么框架_常用的web开发框架

    互联网中也有大量的关于AJAX的框架,本文汇总了最常用的11个框架。 1. jQuery jQuery是一个轻量级的Javascript库,兼容CSS3,还兼容各种浏览器。...ASP.NET AJAX ASP.NET AJAX是一个完整的开发框架,容易与现有的ASP.NET程序相结合,通常实现复杂的功能只需要在页面中拖几个控件,而不必了解深层次的工作原理,除此之外服务器端编程的...ASP.NET AJAX Control Toolkit含有大量的独立AJAX控件和对ASP.NET原有服务器控件的AJAX功能扩展,实现起来也非常简单。...Core提供AJAX、events、packaging、CSS-based querying、animations、JSON等相关操作API;Dijit是一个可更换皮肤、基于模板的WEB UI控件库;DojoX...其最大的好处是,在设计AJAX网络应用程序时,轻松简便的操作就像设计桌面程序一样。

    1.5K20

    asp:ScriptManager

    在页面中,必须使用 ScriptManager 控件来使下列 Microsoft ASP.NET AJAX 的特性可用: Microsoft AJAX 库的客户端脚本功能,以及任何要发送到浏览器的定制脚本...Web 服务的 Javascript 代理,这使客户端脚本可以访问由强类型的 Web 服务暴露出来的方法。 Javascript 类访问 ASP.NET 认证和个性化应用服务。...这些扩展提供了在客户端脚本中的功能使其看起来像是 .NET 框架。它使你可以使用结构化的方式来编写ASP.NET 2.0 AJAX 扩展应用程序,以增强可维护性、使得更易于添加特性和划分功能层次。...1.6 在客户端脚本中使用认证和个性化服务 Microsoft AJAX 库包含了直接从 Javascript 中调用 ASP.NET 2.0 窗体认证和个性化应用服务的代理类。...2 添加 ScriptManager 控件 直接将 ScriptManager 控件从工具箱中拖到页面的 元素中即可得到如下的元素引用,这样,在它所有的页面就可以使用 ASP.NET AJAx

    14.8K30

    纪念基于JavaScript 实现的后台桌面 UI 设计

    由于受C/S开发界面的设计模式影响根深蒂固,开发WEB页面的UI也走了不少弯路,比如总试图使用全部的绝对定位,寻找丰富的控件库、存储状态值的显示等,更别提使用CSS了,基本都是使用 style 属性进行赋值.../ VS2019 Asp.net C# / JavaScript Jquery Css OFFICE: 2016 后台界面的 UI 区域要素 后台系统一般包括登录界面和办公界面...下方显示视频的原文地址,这里我们是选择存储在腾讯云上。最下方是视频播放器,这是我们改造后的腾讯超级播放器后的效果,从视频中我们可以看到关键字讲解词。...比如我创建的任务,界面如下所示: 系统设置 点击系统设置图标,将唤起开始菜单里的系统设置功能,开始菜单也是用 JavaScript 和 CSS 编写的功能,类似手机的操作系统界面设计,可以在PC端显示,...查询界面设计 查询界面的设计一般包括条件输入控制面板(QueryPanel)和查询结果网格(DataGrid),如下图举例: 查询结果的设计风格没有采用网格线,鼠标移动到某条记录会深色背景显示,底部的导航条的背景色使用渐变色至完全透明

    53510

    Ooder A2UI架构白皮书

    组件组织实现:将各种视图组件有机地组织在Page中作用:管理页面的布局和组件层次结构3....视图组件生成:根据视图层注解生成对应的前端视图组件设置视图的布局、样式和初始状态生成视图的容器结构和子组件占位符字段组件生成:根据字段注解生成具体的UI控件设置控件的类型、验证规则和初始值生成控件的DOM...优化CSS和JavaScript压缩CSS和JavaScript文件减少文件大小提高加载速度7.5 核心理念规范从技术文档中可以提取出Ooder A2UI的核心理念规范:1....组件设计:Ooder A2UI采用四分离设计原则,将属性、样式、事件、行为分离;而React/Vue采用组件化设计,将HTML、CSS、JavaScript封装在组件中。...快37.5%,适合大型企业级表单应用动态渲染性能:React/Vue在1000行数据网格渲染场景下更优,利用虚拟DOM技术实现高效更新,适合数据高频变化的场景端到端性能:三者在表单提交-数据保存-UI刷新场景下性能差异不大

    33900

    JavaScript学习笔记(五)——Ajax

    jQuery与Ajax的综合应用 Ajax是 Asynchronous JavaScript And XML 的缩写,意思是异步的JavaScript和xml,他是基于JavaScript和HTTP请求的一种网页编程模式...,其核心就是一个JavaScript对象和相关函数。...GET和POST模式: GET方式一般用来传送简单数据,大小限制在1kb以下,请求的数据被转化成查询字符串并追加到请求的URL之后发送; POST可以达到2MB,他是将数据存放在send方法中发送,在数据发送之前必须先设置...此方法大大简化了使用ajax提交表单时的数据传递问题,不需要逐个地以JavaScript的方式获取每个表单属性的值。...文档及下载地址 2. jQuery UI插件 jQueryUI 插件是一个基于 jQuery 的用户界面开发,该库提供了UI控件。

    2.8K10

    浅谈ASP.NET客户端回调

    没有使用ASP.NET服务器控件,所以要做点击图标,然后删除的事件,与我们平时开发有所不同了。我觉得有3中方案可以解决这个问题。...1.最坏的办法,把这个UI界面使用GridView呈现,GridView是服务器控件,所以最后一列可以是ImageButton,然后就有了服务器控件事件。...2.使用AJAX+Handler,就是用Ajax调用一个asp.net handler处理,handler处理的好处是,结构和代码进行了分离,这种方式也是容易接受。...在MSDN实例中,客户端回调给出了一个解决方案:项目中需要在客户端使用JavaScr操作后台的C#代码,然后它底层实现这些原理,而这些原理都封装好了,我们按照它提供的接口和结构去实现就好了。...); //将页面刷新,重新读取数据库数据 window.location.href = window.location.href }

    3.3K100

    配电网WebGIS研究与开发

    )建立一个继承于ESRI.ArcGIS.ADF.Web.UI.WebControls.WebControl的控件MapIdentify,并让其隶属于名空间“WebMapApp”,然后此控件就拥有了回调函数和回调队列等等服务器和客户端端的...Library "它是在ASP.NET AJAX JavaScript Library基础上创建的,提供了一套复杂的客户端框架,通过这套框架可以在脚本环境中与Web ADF控件或组件进行交互。...在进行地图交互查询时,查询的依据是设备在地图上的坐标值,这个坐标在用户使用鼠标和客户端地图控件进行交互时的事件产生,通过客户端Web ADF JavaScript Library中的接口函数很容易就能够提取到这个坐标并进行简单的字符编码...从地理数据库中查询到指定位置的设备的地理数据后,再根据地理数据中的附加属性和SQL数据库连接,就可以查询到一些更详细的附加信息了,在本模块的所以环节中,虽然SQL数据库检索是最繁琐的一部分,但是因为面临的实际技术问题单一...在客户端代码中,和上面的“地图交互查询”控件一样,只需要在页面元素代码中加入一段控件名空间引用声明就可以了。

    1.8K20

    AjaxPro使用说明

    特别是在读取大量数据时,不会像刷新页面那样出现白屏的情况,Ajax使用XMLHttpRequest对象发送请求并且得到服务器响应,在不重新载入整个页面的情况下,用Javascript操作DOM更新页面。...可以在Javascript代码中直接调用java方法的应用框架,可以把Javascript中的请求调用转递到java方法中并将执行结果返回给Javascript。...其主要特点如下: 可以在Javascript中访问Session和Application数据; 缓存查询结果 免费使用源代码 所有类支持Javascript客户端返回数据,可以在Javascript...Magicajax Magicajax以最简单的方式将Ajax功能整合到页面中,不需要修改ASP.NET控件,也不需要编写新的控件,更不需要撰写JAVASCRIPT,它有如下的特性: 应用配置简单...Ajax功能和普通的POSTBACK可以共存于一个WEBFORM,MAGICAJAX处理模块只处理包含在AJAXPANEL中的控件的CALLBACK动作。

    1.3K20
    领券