列表视图选项 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";
});