Radphp的MList控件分析

zhgc

MList allows you to create an ordered or unordered list. Every element on the list can have up to two links, the secondary link will render as an Extra Button.MLists can be nested.  

Control the Theme and color variation of a MList with the MobileTheme component associated to it.
With DividerTheme a MobileTheme can be associated to all the dividers included in the MList
ExtraButtonTheme allows you to associate another MobileTheme component to the Extra Button of every element on the list.
Change the SystemIcon of the Extra Button to a different icon.
Select your own Icon for the Extra Button.
Indicate the Type of list: tOrdered or tUnordered
With isFiltered we'll add a filter Bar on the top of the list
isWrapped wrapps the list with a grouped style.
use Items to add elements to the List. Every item has the following attributes:
Caption Text to display, HTML are tags allowed.
Link Url of the page to load.
MList Select a Mlist from a list of the available MLists on the form to include a nested MList.
ExtraButtonHint Alternative text for the Extra Button.
ExtraButtonLink URL of the Extra Button.
isDivider Will make this element a list divider.
CounterValue Numeric input that will display on the right side of the element.
Thumbnail Image to use as thumbnail on the right of the element
isIcon indicates that the Thumbnail image is an icon and will be displayed in a diferent way. It spects a 16x16 icon.

zhgc

zhgc

用JS动态添加行的方法:

1.     function MButton1JSClick($sender, $params)
   
2.     {
   
3.          ?>
   
4.         //begin js
   
5.           jQuery("#MList1").append("<li>syant</li>");
   
6.           jQuery("#MList1").listview("refresh");
   
7.            return false;
   
8.         //end
   
9.         <?php
   
10.     }

复制代码

zhgc

MList的Items的数据结构：

1. array (
   
2.   0 =>
   
3.   array (
   
4.     'Caption' => 'Item1',
   
5.     'Link' => '',
   
6.     'Icon' => '',
   
7.     'MList' => '',
   
8.     'ExtraButtonHint' => '',
   
9.     'ExtraButtonLink' => '',
   
10.     'IsDivider' => 'false',
    
11.     'CounterValue' => '',
    
12.     'Thumbnail' => '',
    
13.     'IsIcon' => 'false',
    
14.   ),
    
15.   1 =>
    
16.   array (
    
17.     'Caption' => 'Item2',
    
18.     'Link' => '',
    
19.     'Icon' => '',
    
20.     'MList' => '',
    
21.     'ExtraButtonHint' => '',
    
22.     'ExtraButtonLink' => '',
    
23.     'IsDivider' => 'false',
    
24.     'CounterValue' => '',
    
25.     'Thumbnail' => '',
    
26.     'IsIcon' => 'false',
    
27.   ),
    
28.   2 =>
    
29.   array (
    
30.     'Caption' => 'Item3',
    
31.     'Link' => '',
    
32.     'Icon' => '',
    
33.     'MList' => '',
    
34.     'ExtraButtonHint' => '',
    
35.     'ExtraButtonLink' => '',
    
36.     'IsDivider' => 'false',
    
37.     'CounterValue' => '',
    
38.     'Thumbnail' => '',
    
39.     'IsIcon' => 'false',
    
40.   ),
    
41. )

复制代码