-
-
Save egomez99/1288d6ff7d97c5b76230 to your computer and use it in GitHub Desktop.
Listview with searchBar overlapped by Section Index
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Create a custom template that displays an image on the left, | |
// then a title next to it with a subtitle below it. | |
var acronymTemplate = { | |
childTemplates : [{// Title | |
type : 'Ti.UI.Label', // Use a label for the title | |
bindId : 'info', // Maps to a custom info property of the item data | |
properties : {// Sets the label properties | |
color : 'black', | |
font : { | |
fontFamily : 'Arial', | |
fontSize : '20dp', | |
fontWeight : 'bold' | |
}, | |
left : '10dp', | |
top : 0, | |
} | |
}, {// Subtitle | |
type : 'Ti.UI.Label', // Use a label for the subtitle | |
bindId : 'sub_info', // Maps to a custom es_info property of the item data | |
properties : {// Sets the label properties | |
color : 'gray', | |
font : { | |
fontFamily : 'Arial', | |
fontSize : '14dp' | |
}, | |
left : '10dp', | |
top : '25dp', | |
} | |
}] | |
}; | |
var win = Ti.UI.createWindow({ | |
title : "Acronyms" | |
}); | |
var navWin = Titanium.UI.iOS.createNavigationWindow({ | |
window : win | |
}); | |
var search = Titanium.UI.createSearchBar({ | |
barColor : '#000', | |
showCancel : true, | |
height : 43, | |
top : 0, | |
}); | |
var listView = Ti.UI.createListView({ | |
//top : 25, | |
// Maps acronymTemplate dictionary to 'template' string | |
templates : { | |
'template' : acronymTemplate | |
}, | |
// Use 'template', that is, the acronymTemplate dict created earlier | |
// for all items as long as the template property is not defined for an item. | |
defaultItemTemplate : 'template', | |
//searchView : search, | |
//sections : [section], | |
caseInsensitiveSearch : true | |
}); | |
var xml = Ti.XML.parseString("<acronym><tag name='A'><items><item><id>ACE</id><value>Advanced Customer Entry</value></item><item><id>ACR</id><value>Annual Compensation Review</value></item><item><id>ACT</id><value>Advanced Customer Testing</value></item><item><id>AFE</id><value>Authorization for Expenditure</value></item><item><id>API</id><value>Application Programming Interface</value></item><item><id>ART</id><value>Account Request Tool</value></item><item><id>ASIC</id><value>Application Specific Integrated Circuit</value></item></items></tag><tag name='B'><items><item><id>BC</id><value>Business Continuity</value></item><item><id>BIA</id><value>Business Impact Analysis</value></item><item><id>BMC</id><value>Block Multiplex Channel</value></item><item><id>BMT</id><value>Business Management Team</value></item><item><id>BOM</id><value>Bill of Material</value></item><item><id>BRD</id><value>Business Requirements Document</value></item><item><id>BRM</id><value>Business Review Meeting</value></item><item><id>BRT</id><value>Business Review Team</value></item><item><id>BURA</id><value>Backup Recovery and Archive</value></item></items></tag><tag name='C'><items><item><id>CAC</id><value>Customer Action Committee</value></item><item><id>CAS</id><value>Content Addressed Storage</value></item><item><id>CCB</id><value>Change Control Board</value></item><item><id>CCFM</id><value>Clariion Cross-Functional Meeting</value></item><item><id>CD</id><value>Client Director</value></item><item><id>CE</id><value>Customer Engineer</value></item><item><id>CI</id><value>Continuous Improvement</value></item><item><id>CMNV</id><value>Corporate Marketing/New</value></item><item><id>CMR</id><value>Change Management Review</value></item><item><id>CMT</id><value>Commodity Management Team</value></item><item><id>COPS</id><value>Customer Operations</value></item><item><id>CPU</id><value>Central Processing Unit</value></item><item><id>CQS</id><value>Customer Quote System</value></item><item><id>CQS</id><value>Configuration and Quotation System</value></item><item><id>CRM</id><value>Customer Relationship Management</value></item><item><id>CRU</id><value>Customer Replacement Unit</value></item><item><id>CSDM</id><value>Customer Service District Manager</value></item><item><id>CSI</id><value>Customer Service Integration</value></item><item><id>CSE</id><value>Corporate Systems Engineer</value></item><item><id>CSL</id><value>Client Solutions Lead</value></item><item><id>CSM</id><value>Client Solutions Manager</value></item><item><id>CSM</id><value>Corporate Solutions Manager</value></item><item><id>CSM</id><value>Customer Service Manager</value></item><item><id>CSN</id><value>Customer Success Network</value></item><item><id>CST</id><value>Customer Support Technician</value></item><item><id>CST</id><value>Customer Service Transformation</value></item></items></tag><tag name='D'><items><item><id>DAE</id><value>Disk Array Enclosure</value></item><item><id>DAM</id><value>Disk Assembly Matrix</value></item><item><id>DASD</id><value>Direct Access Storage Device</value></item><item><id>DFA</id><value>Design for Assembly</value></item><item><id>DFM</id><value>Design for Manufacturing</value></item><item><id>DFOEE</id><value>Design for Overall Equipment Effectiveness</value></item><item><id>DFR</id><value>Design for Reliability</value></item><item><id>DFS</id><value>Design for Serviceability</value></item><item><id>DG</id><value>Data General</value></item><item><id>DM</id><value>District Manager</value></item><item><id>DPE</id><value>Disk Processor Enclosure</value></item><item><id>DSM</id><value>District Sales Manager</value></item><item><id>DSM</id><value>District Service Manager</value></item><item><id>DSOP</id><value>Discretionary Stock Option Program</value></item><item><id>DVT</id><value>Design Verification Test</value></item></items></tag><tag name='E'><items><item><id>EAG</id><value>Enterprise Applications Group</value></item><item><id>EBC</id><value>Executive Briefing Center</value></item><item><id>ECF</id><value>Employee Change Form</value></item><item><id>ECM</id><value>Enterprise Content Management</value></item><item><id>ECO</id><value>Engineering Change Order</value></item><item><id>ECS</id><value>Early Customer Ship</value></item><item><id>EDM</id><value>Enterprise Data Manager</value></item><item><id>EDS</id><value>Engineering Design Specification</value></item><item><id>EIM</id><value>Enterprise Information Management</value></item><item><id>EIS</id><value>Enterprise Information Services</value></item><item><id>EMCU</id><value>EMC University</value></item><item><id>EMEA</id><value>Europe Middle East Africa</value></item><item><id>EMR</id><value>Event Meeting Request</value></item><item><id>EOL</id><value>End of Life</value></item><item><id>EOQ</id><value>End of Quarter</value></item><item><id>EOS</id><value>End of Story</value></item><item><id>EPAS</id><value>Electronic Performance Appraisal System</value></item><item><id>EPD</id><value>Employee Profile Document</value></item><item><id>EPM</id><value>Engineering Program Management</value></item><item><id>ERC</id><value>Executive Review Committee</value></item><item><id>eROOM</id><value>EMC Corp (Internal eRooms)</value></item><item><id>ERP</id><value>Enterprise Resource Planning</value></item><item><id>ESA</id><value>Early Shipment Authorization</value></item><item><id>ESA</id><value>EMC Security Advisory</value></item><item><id>ESCON</id><value>Enterprise System Connection</value></item><item><id>ESG</id><value>EMC Software Group</value></item><item><id>ESL</id><value>End of Service Life</value></item><item><id>ESMS</id><value>Employee Satisfaction & Measurement Survey</value></item><item><id>ESN</id><value>Enterprise Storage Network</value></item><item><id>ESP</id><value>Enterprise Storage Platform</value></item><item><id>ESS</id><value>Environmental Stress Screening</value></item><item><id>ETA</id><value>EMC Technical Advisory</value></item><item><id>EVT</id><value>Engineering Verification Testing</value></item></items></tag><tag name='F'><items><item><id>FA</id><value>Failure Analysis</value></item><item><id>FABX</id><value>Fabric X</value></item><item><id>FAST</id><value>Financial Analytical Support Team</value></item><item><id>FCMAT</id><value>Final Configuration and Maturity Testing</value></item><item><id>FCO</id><value>Field Change Order</value></item><item><id>FCS</id><value>First Customer Ship</value></item><item><id>FMEA</id><value>Failure Mode & Effect Analysis</value></item><item><id>FMS</id><value>Field Marketing Sales</value></item><item><id>FRMA</id><value>Field Returned Material Authorization</value></item><item><id>FRU</id><value>Field Replacement Unit</value></item><item><id>FSO</id><value>Financial Solutions Operations</value></item></items></tag><tag name='G'><items><item><id>GA</id><value>General Availability</value></item><item><id>G&A</id><value>General & Administrative</value></item><item><id>GAM</id><value>Global Account Manager</value></item><item><id>GAM</id><value>Global Alliance Manager</value></item><item><id>GAOPS</id><value>General and Administration Operations</value></item><item><id>GFTT</id><value>Global Field Time Tracking</value></item><item><id>GMM</id><value>General Manager Meeting</value></item><item><id>GTM</id><value>Go To Market</value></item></items></tag><tag name='H'><items><item><id>HAD</id><value>Head Disk Assembly</value></item><item><id>HASI</id><value>High Availability System Integration</value></item><item><id>HOP</id><value>Hopkinton</value></item></items></tag><tag name='I'><items><item><id>IBMG</id><value>Install Base Management Group</value></item><item><id>ICDA</id><value>Integrated Cache Disk Array</value></item><item><id>ILM</id><value>Information Lifecycle Management</value></item><item><id>IMSG</id><value>Information Management Software Group</value></item><item><id>IMU</id><value>Integration Management Unit</value></item><item><id>I/Os</id><value>Inputs/Outputs</value></item><item><id>IOC</id><value>IT Operations Committee</value></item><item><id>IPO</id><value>Input, Process, Output charting</value></item><item><id>IRT</id><value>Infrastructure Review Team</value></item><item><id>ISC</id><value>Information Solutions Consultant</value></item><item><id>ISG</id><value>Infrastructure Software Group</value></item><item><id>ISO</id><value>Internal Sales Order</value></item><item><id>ISO</id><value>International Standards Organization</value></item></items></tag><tag name='J'><items><item><id>JADE</id><value>Job Analysis Documentation Evaluation</value></item></items></tag><tag name='L'><items><item><id>LAN</id><value>Local Area Network</value></item><item><id>LSS</id><value>Large Storage Systems</value></item></items></tag><tag name='M'><items><item><id>MARS</id><value>Management Approval Requirement System</value></item><item><id>MBO</id><value>Managing by Objective</value></item><item><id>MIP</id><value>Merit Increase Program</value></item><item><id>MOA</id><value>Memorandum of Agreement</value></item><item><id>MOQ</id><value>Multiple Order Quantity</value></item><item><id>MOU</id><value>Memorandum of Understanding</value></item><item><id>MPG</id><value>Multi-Protocol Platform Group</value></item><item><id>MPS</id><value>Master Production Schedule</value></item><item><id>MR</id><value>Mech Replacement</value></item><item><id>MR</id><value>Midrange</value></item><item><id>MRP</id><value>Material Requirements Planning</value></item><item><id>MSA</id><value>Measurement System Analysis</value></item><item><id>MSD</id><value>Midrange Systems Division</value></item><item><id>MTBF</id><value>Mean Time Between Failure</value></item><item><id>MTBPR</id><value>Mean Time Between Part Replacement</value></item></items></tag><tag name='N'><items><item><id>NAS</id><value>Network Attached Storage</value></item><item><id>NDA</id><value>Non-Disclosure Agreement</value></item><item><id>NEOF</id><value>No Evidence of Failure</value></item><item><id>NPC</id><value>New Products Council</value></item><item><id>NQA</id><value>National Quality Assurance</value></item></items></tag><tag name='O'><items><item><id>OCE</id><value>Office for Cost Efficiency</value></item><item><id>OEE</id><value>Overall Equipment Effectiveness</value></item><item><id>OEM</id><value>Original Equipment Manufacturer</value></item><item><id>OPE</id><value>Overall Process Effectiveness</value></item><item><id>OSO</id><value>Open Software Operations</value></item></items></tag><tag name='P'><items><item><id>P&P</id><value>Plug and Play</value></item><item><id>PAD</id><value>Product Attribute Document</value></item><item><id>PCB</id><value>Printed Circuit Board</value></item><item><id>PCT</id><value>Peripheral Commodity Team</value></item><item><id>PDS</id><value>Product Data Sheet</value></item><item><id>PDT</id><value>Project Decision Team</value></item><item><id>PDT</id><value>Portfolio Decision Team</value></item><item><id>PEL</id><value>Product Exception List</value></item><item><id>PFS</id><value>Produce Functional Specification</value></item><item><id>PIP</id><value>Performance Improvement Plan</value></item><item><id>PMO</id><value>Product Management Organization</value></item><item><id>PMT</id><value>Product Management Team</value></item><item><id>PPMG</id><value>Process Portfolio Management Group</value></item><item><id>PRD</id><value>Product Requirements Document</value></item><item><id>PRM</id><value>Portfolio Review Meeting</value></item><item><id>PRM</id><value>Project Review Meeting</value></item><item><id>PSA</id><value>Product Shipment Authorization</value></item><item><id>PSE</id><value>Product Support Engineer</value></item><item><id>PSR</id><value>Peripheral Status Review</value></item><item><id>PVT</id><value>Product Verification Testing</value></item></items></tag><tag name='Q'><items><item><id>QBR</id><value>Quarterly Business Review</value></item><item><id>QFD</id><value>Quality Functional Development</value></item><item><id>QVT</id><value>Quality Verification Testing</value></item></items></tag><tag name='R'><items><item><id>RAID</id><value>Redundant Array of Independent Disks</value></item><item><id>RFI</id><value>Request for Information</value></item><item><id>RFP</id><value>Request for Proposal</value></item><item><id>RMA</id><value>Return Material Authorization</value></item><item><id>RMP</id><value>Remote Maintenance Processor</value></item><item><id>RMT</id><value>Request Management Tool</value></item><item><id>ROA</id><value>Return on Assets</value></item><item><id>ROCS</id><value>Recognizing Outstanding Customer Service</value></item><item><id>ROI</id><value>Return on Investment</value></item><item><id>ROM</id><value>Rough Order of Magnitude</value></item><item><id>RPQ</id><value>Request for Price Quotation</value></item></items></tag><tag name='S'><items><item><id>SA</id><value>Solution Architect</value></item><item><id>SAI</id><value>Symmetrix Application Interface</value></item><item><id>SAMS</id><value>Surveillance Analysis Management System</value></item><item><id>SAN</id><value>Storage Area Network</value></item><item><id>SARBOX</id><value>Sarbanes Oxley</value></item><item><id>SAT</id><value>Solution Architecture Team</value></item><item><id>SBR</id><value>Software Business Review</value></item><item><id>SBRF</id><value>Symmetrix Backup Restore Facility</value></item><item><id>SC</id><value>Solutions Consultant</value></item><item><id>SCSI</id><value>Small Computer System Interface</value></item><item><id>SDL</id><value>Solution Delivery Lead</value></item><item><id>SDLC</id><value>Software Development Lifecycle</value></item><item><id>SDMS</id><value>Symmetrix Data Migration Services</value></item><item><id>SDR</id><value>Service Definition Report</value></item><item><id>SDT</id><value>Solution Delivery Team</value></item><item><id>SE</id><value>Systems Engineer</value></item><item><id>SFA</id><value>Sales Force Automation</value></item><item><id>SIR</id><value>System Incident Report</value></item><item><id>SLA</id><value>Service Level Agreement</value></item><item><id>SME</id><value>Subject Matter Expert</value></item><item><id>SOBO</id><value>Southborough</value></item><item><id>SOP</id><value>Standard Operating Procedure</value></item><item><id>SOX</id><value>Sarbanes Oxley</value></item><item><id>SPM</id><value>Solutions Practice Manager</value></item><item><id>SPO</id><value>Storage Platform Operations</value></item><item><id>SPOT</id><value>Storage Platform Operations Transformation</value></item><item><id>SRDF</id><value>Symmetrix Remote Data Facility</value></item><item><id>SRM</id><value>Sales Review Meeting</value></item><item><id>SSC</id><value>Solutions Support Center</value></item><item><id>SSP</id><value>Self Service Purchasing</value></item><item><id>STAR</id><value>Sales Telemarketing Account Retrieval</value></item><item><id>SYMM</id><value>Symmetrix</value></item></items></tag><tag name='T'><items><item><id>TAM</id><value>Technical Account Manager</value></item><item><id>TBC</id><value>Technology Solutions Consultant</value></item><item><id>TCE</id><value>Total Customer Experience</value></item><item><id>TCO</id><value>Temporary Change Order</value></item><item><id>TCO</id><value>Total Cost of Ownership</value></item><item><id>TCS</id><value>Technical Quality Management</value></item><item><id>TLA</id><value>Top Level Assembly</value></item><item><id>TMT</id><value>Test Management Team</value></item><item><id>TQM</id><value>Total Quality Management</value></item><item><id>TS</id><value>Technology Solutions</value></item><item><id>TSD</id><value>Technology Solutions Director</value></item><item><id>TSE</id><value>Technical Support Engineer</value></item><item><id>TSM</id><value>Technology Solutions Manager</value></item></items></tag><tag name='W'><items><item><id>WAN</id><value>Wide Area Network</value></item><item><id>WEBO</id><value>Westborough</value></item></items></tag></acronym>"); | |
var tags = xml.getElementsByTagName('tag'); | |
/// initial data set container | |
var indexVal = []; | |
var dataVal = []; | |
var lastIndex = 0; | |
for (var i = 0; i < tags.length; i++) {/// i refer to number of tags[A,B,...] in xml | |
var tagsName = tags.item(i).getAttributes().getNamedItem('name').text; | |
/// reading acronym tag name | |
var items = tags.item(i).getElementsByTagName('item'); | |
/// reading all acronym from given tag | |
var indexLoc = 0; | |
if (i == 0) { | |
indexLoc = 0; | |
lastIndex = items.length; | |
/// last set of item count in a tag | |
} | |
else { | |
indexLoc = lastIndex; | |
lastIndex += items.length; | |
} | |
indexVal.push({ | |
title : tagsName, | |
index : indexLoc | |
}); | |
/// creating index values of the table view | |
for (var j = 0; j < items.length; j++) {// read each item from a tag | |
var titleHead; | |
var titleValue; | |
titleHead = items.item(j).getElementsByTagName('id').item(0).text; | |
/// reading acronym name from xml | |
titleValue = items.item(j).getElementsByTagName('value').item(0).text; | |
var listSection = Ti.UI.createListSection({ | |
//headerTitle : tagsName | |
}); | |
var dataSet = [{ | |
info : { | |
text : titleHead | |
}, | |
sub_info : { | |
text : titleValue | |
}, | |
properties : { | |
searchableText: titleHead | |
//searchableText: titleValue | |
} | |
}]; | |
//console.log("dataSet info = "+ dataSet.info + " dataSet sub info = "+dataSet[j].sub_info); | |
listSection.setItems(dataSet); | |
dataVal.push(listSection); | |
listView.sectionIndexTitles = indexVal; | |
} | |
} | |
indexVal.pop(); | |
indexVal.push({ | |
title : tagsName, | |
index : dataVal.length - 1 | |
}); | |
listView.setSections(dataVal); | |
/// added last index value to index data container | |
listView.searchView = search; | |
search.addEventListener('cancel', function() { | |
win.title = 'Acronyms'; | |
search.blur(); | |
}); | |
search.addEventListener('focus', function(e) { | |
win.title = 'Search Acronyms'; | |
}); | |
// for textSearch, use the change event to update the search value | |
search.addEventListener('change', function(e) { | |
Ti.API.info(JSON.stringify(e)); | |
listView.searchText = e.value; | |
}); | |
search.addEventListener('blur', function(e) { | |
win.title = 'Acronyms'; | |
}); | |
win.add(listView); | |
navWin.open(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment