html5 listview列表,列表视图选项 Listview Options

inset 内嵌式列表。类型：布尔值。默认值：false。

为列表添加内嵌式。

您也可以在HTML中添加 data-inset="true" 属性来设置。

//初始化

$( ".selector" ).listview({ inset: true });

//getter

var countTheme = $( ".selector" ).listview( "option", "inset" );

//setter

$( ".selector" ).listview( "option", "inset", true );

icon 搜索过滤框图标。类型：字符串。默认值："arrow-r"。

为链接列表按钮，设置图标。

您也可以在HTML中添加 data-icon="star" 属性来设置。

//初始化

$( ".selector" ).listview({ icon: "star" });

//getter

var countTheme = $( ".selector" ).listview( "option", "icon" );

//setter

$( ".selector" ).listview( "option", "icon", "star" );

theme 主题样式。类型：字符串。默认值：null,从父容器继承。

为列表视图，设置配色方案(样本)。它接受从a到z字母样式。框架预先设置的样式：a为黑色，b为蓝色，c为灰色，d白色 ，e黄色。

您也可以在HTML中添加 data-theme="a"="a" 属性来设置(黑色)。

//初始化

$( ".selector" ).listview({ theme: "a" });

//getter

var countTheme = $( ".selector" ).listview( "option", "theme" );

//setter

$( ".selector" ).listview( "option", "theme", "a" );

dividerTheme 分隔符主题。类型：字符串。默认值："b"。

为列表项的分隔符，设置配色方案(样本)。它接受从a到z字母样式。框架预先设置的样式：a为黑色，b为蓝色，c为灰色，d白色 ，e黄色。

您也可以在HTML中添加 data-divider-theme="a" 属性来设置(黑色)。

//初始化

$( ".selector" ).listview({ dividerTheme: "a" });

//getter

var countTheme = $( ".selector" ).listview( "option", "dividerTheme" );

//setter

$( ".selector" ).listview( "option", "dividerTheme", "a" );

splitTheme 拆分按钮主题。类型：字符串。默认值："b"。

为列表项的拆分按钮部分，设置配色方案(样本)。它接受从a到z字母样式。框架预先设置的样式：a为黑色，b为蓝色，c为灰色，d白色 ，e黄色。

您也可以在HTML中添加 data-split-theme="a" 属性来设置(黑色)。

//初始化

$( ".selector" ).listview({ splitTheme: "a" });

//getter

var countTheme = $( ".selector" ).listview( "option", "splitTheme" );

//setter

$( ".selector" ).listview( "option", "splitTheme", "a" );

countTheme 计数气泡的主题。类型：字符串。默认值："c"。

为列表项的计数的气泡，设置配色方案(样本)。它接受从a到z字母样式。框架预先设置的样式：a为黑色，b为蓝色，c为灰色，d白色 ，e黄色。

您也可以在HTML中添加 data-count-theme="a" 属性来设置(黑色)。

//初始化

$( ".selector" ).listview({ countTheme: "a" });

//getter

var countTheme = $( ".selector" ).listview( "option", "countTheme" );

//setter

$( ".selector" ).listview( "option", "countTheme", "a" );

filterTheme 搜索过滤框主题。类型：字符串。默认值："c"。

为搜索过滤栏，设置配色方案(样本)。它接受从a到z字母样式。框架预先设置的样式：a为黑色，b为蓝色，c为灰色，d白色 ，e黄色。

您也可以在HTML中添加 data-filter-theme="a" 属性来设置(黑色)。

//初始化

$( ".selector" ).listview({ filterTheme: "a" });

//getter

var countTheme = $( ".selector" ).listview( "option", "filterTheme" );

//setter

$( ".selector" ).listview( "option", "filterTheme", "a" );

filter 过滤。类型：布尔值。默认值：false。

给列表视图增加一个搜索过滤工具条。

您也可以在HTML中添加 ata-filter="true" 属性来设置。

//初始化

$( ".selector" ).listview({ filter: true });

//getter

var countTheme = $( ".selector" ).listview( "option", "filter" );

//setter

$( ".selector" ).listview( "option", "filter", true );

filterCallback 过滤回调函数。类型：函数。

当在搜索框输入的文本信息改变的时候，此函数来确定隐藏那些被过滤掉的列表项。该函数接受两个参数：第一个是列表项的文本(或data-filtertext的值)，第二参数是搜索字符串。隐藏列表项，返回 true。显示列表，返回 false。

您也可以在HTML中添加 data-filter="true" 属性来设置。

$( document ).on( "mobileinit", function() {

$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ) {

// only show items that *begin* with the search string

return text.toLowerCase().substring( 0, searchValue.length ) !== searchValue;

};

});

filterPlaceholder 类型：字符串。默认值："Filter items..."

这个占位符被使用在搜索工具栏。

您也可以在HTML中添加 data-filter-placeholder="Search..." 属性来设置。

//初始化

$( ".selector" ).listview({ filterPlaceholder: "Filter items..." });

//getter

var countTheme = $( ".selector" ).listview( "option", "filterPlaceholder" );

//setter

$( ".selector" ).listview( "option", "filterPlaceholder", "Filter items..." );

headerTheme 子页面标题主题。类型：字符串。默认值："c"。

为嵌套列表的子页面标题，设置配色方案(样本)。它接受从a到z字母样式。框架预先设置的样式：a为黑色，b为蓝色，c为灰色，d白色 ，e黄色。

您也可以在HTML中添加 data-header-theme="a" 属性来设置(黑色)。

//初始化

$( ".selector" ).listview({ headerTheme: "a" });

//getter

var countTheme = $( ".selector" ).listview( "option", "headerTheme" );

//setter

$( ".selector" ).listview( "option", "headerTheme", "a" );

initSelector 初始化选择器。类型：字符串。默认值：jqmData(role='listview')。

这是用来定义选择器(元素类型，数据的角色，等等)，将被自动初始化为ListViews。

$( document ).on( "mobileinit", function() {

$.mobile.listview.prototype.options.initSelector = ".mylistview";

});