`
默默的小熊
  • 浏览: 232760 次
社区版块
存档分类
最新评论

dojo.from.FilteringSelect

    博客分类:
  • dojo
 
阅读更多

    dojo有两个小部件实现了增量搜索,dojo.from.FilteringSelect和dojo.from.ComoBox.他们都是从dojo.data数据源中获取提示数据,并且每一个都使用一个<select>标签来实现界面,所不同的是FilteringSelect使用将选项限制在提示数据的集合内,而ComoBox不会这样做。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>mixin</title>
		<style type="text/css">
		@import "dojo/resources/dojo.css";
		@import "dijit/themes/tundra/tundra.css";
	</style>
		<meta name="author" content="zhou" />
		<script src= "dojo/dojo.js" data-dojo-config="isDebug: true, async: true,parseOnload:true"></script>
		<script language="JavaScript" src= "test.js"></script>
	</head>
	<body class="tundra">
		<div id = "stateSelect"></div>
	</body>
</html>
 
dojo.require("dojo.parser");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dijit.form.FilteringSelect");


//dojo.addOnLoad()
var store = new dojo.data.ItemFileReadStore({
	url: "abc.json"
});

 dojo.ready(function(){
        var filteringSelect = new dijit.form.FilteringSelect({
            store: store,
            searchAttr: "name"
        }, "stateSelect");
    });
{
  "identifier": "name",
  "label":"name",
  "items": [
    { "name": "Bob", "spouse": {"_reference":"Sally"},  "children": [ { "_reference":"Nancy"}]},
    { "name": "Sally", "spouse": {"_reference":"Bob"},  "children": [ { "_reference":"Nancy"}]},
    { "name": "Nancy"},
    { "name": "zhou"},
  ]
}
分享到:
评论

相关推荐

    dojo.js 1.4.2

    dojo.js 1.4.2dojo.js 1.4.2dojo.js 1.4.2dojo.js 1.4.2dojo.js 1.4.2dojo.js 1.4.2dojo.js 1.4.2

    dojo.js.uncompressed.js 1.4.2

    dojo.js.uncompressed.js 1.4.2dojo.js.uncompressed.js 1.4.2dojo.js.uncompressed.js 1.4.2

    dojo.zip

    它提供了一系列的函数,如`dojo.xhrGet`、`dojo.xhrPost`等,用于向服务器发送异步请求,获取或发送数据,从而实现页面无刷新的数据交互。 3. **dojo的模块系统**:dojo的基础是它的模块系统,它使用了AMD规范来...

    DOJO.js 最优秀的js 框架 1.9.3

    **DOJO.js 框架详解** DOJO.js 是一个功能强大的JavaScript库,它被誉为“最优秀的js框架”之一,特别是在版本1.9.3中,这个称号得到了充分的体现。DOJO以其全面的特性、模块化的设计以及对各种浏览器的良好支持而...

    dojo.xd.js

    dojo.xd.js 最新JavaScript框架组件!

    资源名称dojo.js

    dojo.js

    Dojo.GUI_v6.zip for pencil

    【Dojo.GUI_v6.zip for pencil】是一款专为Pencil设计的GUI模板资源包,它扩展了Pencil这款优秀的Web原型设计工具的功能和视觉元素。Pencil是一个免费且开源的应用程序,允许用户创建各种交互式原型,适用于网页、...

    dojo.js 1.92版

    dojo.js.uncompressed.js 1.92版

    Pragmatic.Bookshelf.Mastering.Dojo.Jun.2008.pdf

    1. **Dojo基础**:首先,读者会了解到Dojo的核心概念,如dojo.js加载器、dojo.declare用于类定义、dojo.connect用于事件处理,以及dojo.query用于DOM查询。这些基础知识是理解Dojo工作的关键。 2. **模块系统(AMD...

    domino xapges 其中的dojo.xhrGet 和 dojo.xhrPost例子

    domino xapges 其中的dojo.xhrGet 和 dojo.xhrPost例子

    dojo.js javasrcpt

    难得纯净资源,不用下载其他乱起八糟的东西了

    Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库

    dojo.js.核心jsDojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库

    Dojo.The.Definitive.Guide

    Dojo的核心特性之一是它的模块化系统,通过`dojo.require`和`dojo.provide`来组织和加载代码,使得代码更易于管理和维护。这允许开发者按需加载特定功能,减少页面加载时间。 3. **Dojo Toolkit组件** - **dojo....

    dojo学习...........

    2. 引入Dojo核心库:通过`&lt;script&gt;`标签引入`dojo.js`,这是Dojo的基础文件,可能已经包含了部分常用模块。 3. 声明需要使用的模块:使用`dojo.require()`来引入所需的包或模块,确保它们在运行时可用。 Dojo为了...

    dojo.js dojo核心文件,一款很好用的javascript库文件

    dojo核心文件,一款很好用的javascript库文件

    Addison.Wesley.Dojo.Using.the.Dojo.JavaScript.Library.to.Build.Ajax.Applications.Jun.2008.pdf

    根据给定文件的信息,我们可以提炼出以下关于《使用Dojo JavaScript库构建Ajax应用程序》的关键知识点: ### 一、Dojo JavaScript库简介 Dojo是一个开源的JavaScript库,它提供了丰富的功能来帮助开发者创建高性能...

    dojo-0.3.1-ajax

    当需要处理复杂的跨域场景,如上传文件或处理需要维持会话的请求时,Dojo的`dojo.io.iframe`模块提供了利用隐藏IFrame进行AJAX通信的解决方案。 总结来说,"dojo-0.3.1-ajax"是Dojo工具包的一个版本,专注于提供...

    dojo精品中文教程(包一)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    dojo精品中文教程(包二)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    dojo精品中文教程(全)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

Global site tag (gtag.js) - Google Analytics