Enviar pesquisa
Carregar
Kissy autocomplete
•
1 gostou
•
291 visualizações
yiming he
Seguir
AutoComplete Of KISSY
Leia menos
Leia mais
Tecnologia
Negócios
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 39
Baixar agora
Baixar para ler offline
Recomendados
Put a Button on It: Removing Barriers to Going Fast
Put a Button on It: Removing Barriers to Going Fast
OSCON Byrum
Angular universal
Angular universal
Michael Haberman
LeSS in action
LeSS in action
Pu Shiming
Infrastructre as Ccodeの実現 - Ansibleの基本 -
Infrastructre as Ccodeの実現 - Ansibleの基本 -
Ryo Sasaki
Yii 2.0 overview - 1 of 2
Yii 2.0 overview - 1 of 2
Cassiano Surek
Building a spa_in_30min
Building a spa_in_30min
Michael Hackstein
Ansible API
Ansible API
tylerturk
Fun with Functional JavaScript
Fun with Functional JavaScript
Codemotion
Recomendados
Put a Button on It: Removing Barriers to Going Fast
Put a Button on It: Removing Barriers to Going Fast
OSCON Byrum
Angular universal
Angular universal
Michael Haberman
LeSS in action
LeSS in action
Pu Shiming
Infrastructre as Ccodeの実現 - Ansibleの基本 -
Infrastructre as Ccodeの実現 - Ansibleの基本 -
Ryo Sasaki
Yii 2.0 overview - 1 of 2
Yii 2.0 overview - 1 of 2
Cassiano Surek
Building a spa_in_30min
Building a spa_in_30min
Michael Hackstein
Ansible API
Ansible API
tylerturk
Fun with Functional JavaScript
Fun with Functional JavaScript
Codemotion
Atmosphere 2014: Really large scale systems configuration - Phil Dibowitz
Atmosphere 2014: Really large scale systems configuration - Phil Dibowitz
PROIDEA
CakePHP 2.0 - PHP Matsuri 2011
CakePHP 2.0 - PHP Matsuri 2011
Graham Weldon
Agile api dev Into the Box 2018
Agile api dev Into the Box 2018
Ortus Solutions, Corp
Server Check.in case study - Drupal and Node.js
Server Check.in case study - Drupal and Node.js
Jeff Geerling
Chef Actions: Delightful near real-time activity tracking!
Chef Actions: Delightful near real-time activity tracking!
James Casey
Drupal 8 deeper dive
Drupal 8 deeper dive
Amazee Labs
Building a scalable API with Grails
Building a scalable API with Grails
Tanausu Cerdeña
Masterin Large Scale Java Script Applications
Masterin Large Scale Java Script Applications
Fabian Jakobs
初心者向けGAE/Java説明資料
初心者向けGAE/Java説明資料
Shinichi Ogawa
JSON in Solr: from top to bottom
JSON in Solr: from top to bottom
Alexandre Rafalovitch
JSON in Solr: From Top to Bottom - Alexander Rafalovitch, United Nations
JSON in Solr: From Top to Bottom - Alexander Rafalovitch, United Nations
Lucidworks
Plone api
Plone api
Nejc Zupan
Cross-Platform Desktop Apps with Electron (CodeStock Edition)
Cross-Platform Desktop Apps with Electron (CodeStock Edition)
David Neal
Nsc 2013 06-17 - random rants on 2013
Nsc 2013 06-17 - random rants on 2013
Mikael Svenson
Cucumber
Cucumber
Michael MacDonald
Tech Talk Live - 5.2 REST APIs
Tech Talk Live - 5.2 REST APIs
Gavin Cornwell
SharePoint 2014: Where to save my data, for devs!
SharePoint 2014: Where to save my data, for devs!
Ben Steinhauser
XPages Performance Master Class - Survive in the fast lane on the Autobahn (E...
XPages Performance Master Class - Survive in the fast lane on the Autobahn (E...
BCC - Solutions for IBM Collaboration Software
Introducing Amplify
Introducing Amplify
appendTo
Enterprise Search @EPAM
Enterprise Search @EPAM
Alex Kozhemiakin
kissy 1.5 progress
kissy 1.5 progress
yiming he
kissy at alibaba
kissy at alibaba
yiming he
Mais conteúdo relacionado
Semelhante a Kissy autocomplete
Atmosphere 2014: Really large scale systems configuration - Phil Dibowitz
Atmosphere 2014: Really large scale systems configuration - Phil Dibowitz
PROIDEA
CakePHP 2.0 - PHP Matsuri 2011
CakePHP 2.0 - PHP Matsuri 2011
Graham Weldon
Agile api dev Into the Box 2018
Agile api dev Into the Box 2018
Ortus Solutions, Corp
Server Check.in case study - Drupal and Node.js
Server Check.in case study - Drupal and Node.js
Jeff Geerling
Chef Actions: Delightful near real-time activity tracking!
Chef Actions: Delightful near real-time activity tracking!
James Casey
Drupal 8 deeper dive
Drupal 8 deeper dive
Amazee Labs
Building a scalable API with Grails
Building a scalable API with Grails
Tanausu Cerdeña
Masterin Large Scale Java Script Applications
Masterin Large Scale Java Script Applications
Fabian Jakobs
初心者向けGAE/Java説明資料
初心者向けGAE/Java説明資料
Shinichi Ogawa
JSON in Solr: from top to bottom
JSON in Solr: from top to bottom
Alexandre Rafalovitch
JSON in Solr: From Top to Bottom - Alexander Rafalovitch, United Nations
JSON in Solr: From Top to Bottom - Alexander Rafalovitch, United Nations
Lucidworks
Plone api
Plone api
Nejc Zupan
Cross-Platform Desktop Apps with Electron (CodeStock Edition)
Cross-Platform Desktop Apps with Electron (CodeStock Edition)
David Neal
Nsc 2013 06-17 - random rants on 2013
Nsc 2013 06-17 - random rants on 2013
Mikael Svenson
Cucumber
Cucumber
Michael MacDonald
Tech Talk Live - 5.2 REST APIs
Tech Talk Live - 5.2 REST APIs
Gavin Cornwell
SharePoint 2014: Where to save my data, for devs!
SharePoint 2014: Where to save my data, for devs!
Ben Steinhauser
XPages Performance Master Class - Survive in the fast lane on the Autobahn (E...
XPages Performance Master Class - Survive in the fast lane on the Autobahn (E...
BCC - Solutions for IBM Collaboration Software
Introducing Amplify
Introducing Amplify
appendTo
Enterprise Search @EPAM
Enterprise Search @EPAM
Alex Kozhemiakin
Semelhante a Kissy autocomplete
(20)
Atmosphere 2014: Really large scale systems configuration - Phil Dibowitz
Atmosphere 2014: Really large scale systems configuration - Phil Dibowitz
CakePHP 2.0 - PHP Matsuri 2011
CakePHP 2.0 - PHP Matsuri 2011
Agile api dev Into the Box 2018
Agile api dev Into the Box 2018
Server Check.in case study - Drupal and Node.js
Server Check.in case study - Drupal and Node.js
Chef Actions: Delightful near real-time activity tracking!
Chef Actions: Delightful near real-time activity tracking!
Drupal 8 deeper dive
Drupal 8 deeper dive
Building a scalable API with Grails
Building a scalable API with Grails
Masterin Large Scale Java Script Applications
Masterin Large Scale Java Script Applications
初心者向けGAE/Java説明資料
初心者向けGAE/Java説明資料
JSON in Solr: from top to bottom
JSON in Solr: from top to bottom
JSON in Solr: From Top to Bottom - Alexander Rafalovitch, United Nations
JSON in Solr: From Top to Bottom - Alexander Rafalovitch, United Nations
Plone api
Plone api
Cross-Platform Desktop Apps with Electron (CodeStock Edition)
Cross-Platform Desktop Apps with Electron (CodeStock Edition)
Nsc 2013 06-17 - random rants on 2013
Nsc 2013 06-17 - random rants on 2013
Cucumber
Cucumber
Tech Talk Live - 5.2 REST APIs
Tech Talk Live - 5.2 REST APIs
SharePoint 2014: Where to save my data, for devs!
SharePoint 2014: Where to save my data, for devs!
XPages Performance Master Class - Survive in the fast lane on the Autobahn (E...
XPages Performance Master Class - Survive in the fast lane on the Autobahn (E...
Introducing Amplify
Introducing Amplify
Enterprise Search @EPAM
Enterprise Search @EPAM
Mais de yiming he
kissy 1.5 progress
kissy 1.5 progress
yiming he
kissy at alibaba
kissy at alibaba
yiming he
kissy modularization part2
kissy modularization part2
yiming he
kissy modularization part1
kissy modularization part1
yiming he
KISSY @ 2013-2
KISSY @ 2013-2
yiming he
KISSY 1.4.0 released
KISSY 1.4.0 released
yiming he
callSuper in kissy
callSuper in kissy
yiming he
KISSY XTemplate
KISSY XTemplate
yiming he
Introduction to kissy for adc 2013
Introduction to kissy for adc 2013
yiming he
Kissy component system
Kissy component system
yiming he
KISSY@2013.05
KISSY@2013.05
yiming he
kissy@2013.03
kissy@2013.03
yiming he
kissy@2013
kissy@2013
yiming he
KISSY 1.3-released
KISSY 1.3-released
yiming he
Simple kissy1.3
Simple kissy1.3
yiming he
Hujs 总结
Hujs 总结
yiming he
Kissy in-progress
Kissy in-progress
yiming he
Kissy dpl-practice
Kissy dpl-practice
yiming he
编辑器设计2
编辑器设计2
yiming he
KISSY Editor Design 2
KISSY Editor Design 2
yiming he
Mais de yiming he
(20)
kissy 1.5 progress
kissy 1.5 progress
kissy at alibaba
kissy at alibaba
kissy modularization part2
kissy modularization part2
kissy modularization part1
kissy modularization part1
KISSY @ 2013-2
KISSY @ 2013-2
KISSY 1.4.0 released
KISSY 1.4.0 released
callSuper in kissy
callSuper in kissy
KISSY XTemplate
KISSY XTemplate
Introduction to kissy for adc 2013
Introduction to kissy for adc 2013
Kissy component system
Kissy component system
KISSY@2013.05
KISSY@2013.05
kissy@2013.03
kissy@2013.03
kissy@2013
kissy@2013
KISSY 1.3-released
KISSY 1.3-released
Simple kissy1.3
Simple kissy1.3
Hujs 总结
Hujs 总结
Kissy in-progress
Kissy in-progress
Kissy dpl-practice
Kissy dpl-practice
编辑器设计2
编辑器设计2
KISSY Editor Design 2
KISSY Editor Design 2
Último
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Khushali Kathiriya
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
apidays
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
apidays
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
UiPathCommunity
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Zilliz
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Orbitshub
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
Último
(20)
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
Kissy autocomplete
1.
KISSY AutoComplete
yiminghe@gmail.com
2.
Outline • What • Why •
Scenario • API • Design
3.
• What
4.
5.
6.
7.
combobox
8.
• Why
9.
Why rewrite • 1.
api consistency – srcNode – new().render() • 2. scalability – more features • Combobox • Rich drop menu • 3. customization – render/highlight/parse • 4. maintainability
10.
• Scenario
11.
• 1. simple
input
12.
• multiple input
13.
• 2. Menu
extended
14.
• 3. render
15.
• 4. highlight
16.
• 5. datasource
– static • [“1”,”2”,”3”] – dynamic • xhr • jsonp
17.
• 6. parse/filter
– { results : [ “1” , ”2” ] } – => – [ “1” , ”2” ]
18.
• 7. performance
– share auto-complete between inputs
19.
• 8. accessibility
– aria
20.
• API
21.
• Static data •
Existing input
22.
• Static data •
Existing input
23.
• Static data •
New input
24.
25.
• Static data •
New input
26.
• Dynamic data •
Existing input
27.
• Dynamic data •
Existing input
28.
• Dynamic data •
New input
29.
• Shared mode
30.
• Menu is
shared • Attached manually
31.
Combobox • combobox =
autocomplete + button • allowEmpty – Static data : default true – dynamic data : default false
32.
Another select • Input
readonly=‘readonly’ – selectedItem – Input not Button!
33.
• Design
34.
Design and Reuse
35.
File structure
36.
• Demo
37.
• Demo:
– http://docs.kissyui.com/kissy/src/autocomplete/demo.html • Extra requirements ?
38.
• Example 1:
39.
• Example 2:
– wantu.taobao.com
Baixar agora