造型的devexpress元素

时间:2013-01-10 10:26:39

标签: c# asp.net asp.net-mvc-3 razor devexpress

我对devexpress元素(特别是组合框)的外观造型有疑问。我已经通过演示查找并查找了教程,但是到目前为止找不到任何似乎有用的东西(我知道它必须以某种方式工作)。

以下是我如何创建组合框的示例。我遇到的问题是它看起来像在这篇文章末尾的图像上显示。使用settings.Properties.Native = true,它看起来像一个普通的组合框,但如果设置为false,它看起来完全不同(可悲的是太大了)。 所以我的问题是:我如何格式化它看起来至少有点类似于普通的组合框(sizewise)? (换句话说,在这种情况下,这样做的常用方法是什么? 如果通过CSS完成,我必须在那里使用哪些关键字,......?)

TNX

Kategorie  @Html.DevExpress().ComboBox(
                    settings => {
                        settings.Name = "ProductCategory";
                        settings.Width = 300;
                        settings.SelectedIndex = 0;
                        settings.Properties.DropDownStyle = DevExpress.Web.ASPxEditors.DropDownStyle.DropDown;
                        settings.Properties.IncrementalFilteringMode = DevExpress.Web.ASPxEditors.IncrementalFilteringMode.Contains;
                        settings.Properties.TextField = "Name";

                        settings.Properties.DisplayFormatInEditMode = false;
                        settings.Properties.Native = false;
                        settings.Properties.TextFormatString = "{0}";
                        settings.Properties.DisplayFormatString = "{0}";
                        settings.Properties.ValueField = "Id";
                        settings.Properties.ValueType = typeof(int);
                    }
  ).BindList(Categories).GetHtml()

Image of how a combobox looks

1 个答案:

答案 0 :(得分:1)

从开始 - >中选择 ASPxThemeBuilder 工具。所有程序 - > Developer Express xxx - >组件 - >工具 - > ASPxThemeBuilder。

相关文档: