您的位置:首页 > 其它

SilverLight商业应用程序开发---学习笔记(11)常用数据输入控件介绍

2013-07-01 15:08 811 查看
IsReadOnly常用数据输入控件介绍

TextBox控件

StringFormat属性:可以使用与ToString方法相同的方式对字符串进行格式化;
MaxLength属性:设置字符上限
IsReadOnly属性:设置为True表示只读
TextAlignment属性:设置字符串在文本框内的对齐方式
TextWrapping属性:设置为Wrap允许换行(默认为NoWrap),如果想要输入回车换行,需要将AcceptsReturn属性设置为True;
VerticalScrollBarVisibility属性:设置为Auto根据需要显示垂直滚动条,设置为Visible总是显示滚动条,默认不显示;
HorizontalScrollBarVisibility属性:同上,设置为Visible的同时将禁用文本换行

CheckBox控件

IsChecked属性:True,False,null三种状态,但需要设置IsThreeState属性为True;

RadioButton控件

IsChecked属性表示该项是否选定
成组RadioButton控件以GroupName识别,同一组控件有同样的GroupName属性值
如果需要将枚举值绑定到一组RadioButton控件上,需要设置值转换器,具体代码附后。

ComboBox控件

示例:比如CombBox控件要绑定到model实体上,model实体有ID,Name两个属性,设置方法如下

<ComboBoxItemsSource="{StaticResourcemodelsResource}"
SelectedValuePath="ID"
SelectedValue="{BindingModelID,Mode=TwoWay}"
DisplayMemberPath="Name"/>


其中SelectedValuePath是ComboBox返回的值,而SelectedValue是ComboBox返回值的绑定位置(Product实体的ModelID属性),而DisplayMemberPath是ComboBox在视图中显示的值;

另外ComboBox控件还有一个SelectedItem属性,该属性返回选定的Model对象,很少使用。

需要注意:显示在ComboBox的集合项目应该在绑定SelectedItem/SelectedValue属性之前进行填充,否则将不会显示选定的项目。也就是说,需要先从服务器加载需要填充的集合内容,数据加载的顺序相当重要。

ComboBox也可以定制显示效果,使用ItemTemplate属性进行设置。

ListBox控件:前已述及;

Calendar控件

DisplayDateStart属性:获取或设置要显示的第一个日期。
DisplayDateEnd属性:获取或设置要显示的最后一个日期。所有此范围以外的日期将显示为空白并不可选择。
BlackoutDates属性:获取或设置标记为不可选择的日期的集合。这些日期显示为灰色十字形;具体使用方法参考MSDN。
DisplayMode属性:可以在Month,Year和Decade几种模式选择;
SelectedDate属性:获取Calendar控件上的选定日期
SelectionMode属性:以CalendarSelectionMode枚举赋值:





DatePicker控件

该控件可以让出显示区域,除了Calendar控件已有的属性以外还添加了一个SelectDateFormat属性,可以定制在文本框中显示的日期样式;

TimeUpDown控件(属于SilverlightToolKit,应引用System.Windows.Controls.Data.Toolkit.dll程序集)





使用该控件只能输入正确的时间,例如不能输入9:80这样的数据;

TheTimePicker控件(属于SilverlightToolKit,应引用System.Windows.Controls.Data.Toolkit.dll程序集)





可以使用PopupMinutesInterval属性对间隔时间进行设置(单位为分钟);

NumericUpDown(属于SilverlightToolKit,应引用System.Windows.Controls.Data.Toolkit.dll程序集)

<toolkit:NumericUpDownDecimalPlaces="2"Increment="0.5"
Value="{BindingListPrice,Mode=TwoWay}"/>






DecimalPlaces:表示小数位数
Increment:表示增量(按一个所加的数值)

DomainUpDown控件(属于SilverlightToolKit,应引用System.Windows.Controls.Data.Toolkit.dll程序集)

有点像ComboBox控件,但是在右侧有上下选择按钮

<toolkit:DomainUpDownItemsSource="{StaticResourceStatesResource}"/>






因为该控件并没有DisplayMeberPath,SelectedValuePath和SelectedValue属性,因此通过只用于显示简单类型数组,如文本,数字等;

AutoCompleteBox控件(属于SilverlightToolKit,应引用System.Windows.Controls.Data.Toolkit.dll程序集)

AutoCompleteBox控件可以实现类似百度搜索提示的效果,如图所示:





实现此功能只需要将ItemsSource属性绑定到字符串集合即可。

<sdk:AutoCompleteBoxItemsSource="{StaticResourceStatesResource}"/>


默认筛选规则是StartsWith,也可以将Filter属性改为Contains选项,只要包含相关字符就可以筛选出来;还可以将FIlter属性设置为Custom,使用自定义规则筛选,自定义规则在ItemFIlter/TextFilter属性进行设置。
IsTextCompletionEnabled属性:设置为True时,第一个匹配项自动填充文本;
MinimumPrefixLength:输入指定长度以上才进行筛选
MinimumPopulateDelay:输入后筛选的延迟时间,单位毫秒

Lable控件

使用Lable控件主要是显示相关字段的简介,相比TextBlock控件,其Targe属性具有特殊功能:当关联控件验证失败,Lable控件显示为红色指示输入错误;当关联控件拽定为必填,则显示粗体:

<sdk:LabelContent="Name:"Target="{BindingElementName=ProductNameTextBox}"/>


检测数据是否发生更改:“Dirty”

boolhasChanges=((Entity)ProductsDataForm.CurrentItem).HasChanges;


DataGrid控件作为编辑控件

DataGrid控件作为编辑控件还是有很多应用场景的,比如需要向订单中录入多款产品,包括型号,数量,价格等,这时候使用前面介绍的表单显然不够方便:

1、配置列:使用前面的提到的三种模板类型,可以将列配置为任意样式的控件,便于进行数据录入;

2、添加行:Silverlight中的DataGrid控件并没有AddRow或DeleteRow方法可用,因此需要使用变通的方法来实现行的添加:

最简单的方法是在视图上添加一个按钮,点击按钮后就在绑定的数据集合上添加一个新项,相应地DataGrid控件就同步添加了一行,如果使用集合视图,直接调用集合的ADD方法即可;如果使用DDS控件,则需要将ItemsSource属性强制转换为DomainDataSourceView:

DomainDataSourceViewview=productDataGrid.ItemsSourceasDomainDataSourceView;
ProductnewProduct=newProduct();
view.Add(newProduct);


一旦添加了新行,需要设置新行为输入焦点,设置为编辑模式:

//焦点调整到新增行的第一个单元格并开始编辑
productDataGrid.Focus();
productDataGrid.SelectedItem=newProduct;
productDataGrid.CurrentColumn=productDataGrid.Columns[0];
productDataGrid.ScrollIntoView(productDataGrid.SelectedItem,
productDataGrid.CurrentColumn);
productDataGrid.BeginEdit();


有个小问题,如果某个字段要求不能为空,在新增行会提示不能通过验证,用户体验不太好,解决的唯一办法就是给新增的行赋初始值。

插入行

向DataGrid控件中插入行与添加行差不多,需要调用Insert方法:

ObservableCollection<Product>collection=
productDataGrid.ItemsSourceasObservableCollection<Product>;

intinsertIndex=productDataGrid.SelectedIndex+1;

//当DataGrid首行被选定时会遇到一些奇怪的行为
insertIndex=1;
collection.Insert(insertIndex,newProduct());
//选择并滚动到新添加行的的第一个单元格,并开始编辑
productDataGrid.SelectedIndex=insertIndex;
productDataGrid.CurrentColumn=productDataGrid.Columns[0];
productDataGrid.ScrollIntoView(productDataGrid.SelectedItem,
productDataGrid.CurrentColumn);
productDataGrid.BeginEdit();


始终维持空行以输入新记录

1)设置一个变量作为新项目列表对象:

privateobjectaddRowBoundItem=null;


2)向已绑定的集合中添加新对象,将新对象败给全局变量:

//下述代码是绑定到DDS的情形
DomainDataSourceViewview=productDataGrid.ItemsSourceasDomainDataSourceView;
addRowBoundItem=newProduct();
view.Add(addRowBoundItem);


3)处理DataGrid的RowEditEnded事件:

privatevoidproductDataGrid_RowEditEnded(objectsender,
DataGridRowEditEndedEventArgse)
{
if(e.EditAction==DataGridEditAction.Commit)
{
if(e.Row.DataContext==addRowBoundItem)
{
DomainDataSourceViewview=
productDataGrid.ItemsSourceasDomainDataSourceView;

addRowBoundItem=newProduct();
view.Add(addRowBoundItem);

productDataGrid.SelectedItem=addRowBoundItem;
productDataGrid.CurrentColumn=productDataGrid.Columns[0];

productDataGrid.ScrollIntoView(addRowBoundItem,
productDataGrid.CurrentColumn);
productDataGrid.BeginEdit();
}
}
}


4)在提交变更到数据库之前,删除集合中的最后一项:

DomainDataSourceViewview=productDataGrid.ItemsSourceasDomainDataSourceView;
view.Remove(addRowBoundItem);



删除选定行

ObservableCollection<Product>collection=
productDataGrid.ItemsSourceasObservableCollection<Product>;

//将SelectedItems属性转换为集合类型以便可以使用Linq语法处理cetobedeclared
varremoveItems=productDataGrid.SelectedItems.Cast<Product>().ToArray();

foreach(ProductproductinremoveItems)
collection.Remove(product);


为每行添加一个删除按钮

<sdk:DataGridTemplateColumnWidth="80">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<ButtonContent="Delete"Click="DeleteButton_Click"/>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>

按钮的单击事件:

privatevoidDeleteButton_Click(objectsender,RoutedEventArgse)
{
DomainDataSourceViewview=productDataGrid.ItemsSourceasDomainDataSourceView;
view.Remove(((FrameworkElement)sender).DataContext);
}


下拉列表列实现

<sdk:DataGridTemplateColumnx:Name="classColumn"Header="Class"Width="100">
<sdk:DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<ComboBox
ItemsSource="{BindingSource={StaticResourceproductClasses}}"
DisplayMemberPath="Name"SelectedValuePath="ID"
SelectedValue="{BindingClass,Mode=TwoWay}"/>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellEditingTemplate>
</sdk:DataGridTemplateColumn>


关于List<T>

List<T>(T未实现INotifyPropertyChanged接口),适用于一次性绑定,适用于重新实例化整个List集合的绑定;

List<T>(T实现INotifyPropertyChanged接口),适用于修改集合中单笔数据的成员(比如说Student的Score属性);

ObservableCollection<T>(T未实现INotifyPropertyChanged接口),适用于增删集合中的数据(上面的Add和Remove按钮)。但是对于单笔数据的更改,是无能为力的。

使用ObservableCollection<T>,并且T实现了INotifyPropertyChanged接口。适用于上述三种情况,但最消耗资源.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐