面向ASP的Telerik UI。网络核心免费下载30天试用版

从右到左的语言

从右向左(RTL)支持是指库、网站或应用程序处理和响应使用从右向左语言(如阿拉伯语、希伯来语、中文或日语)进行通信的用户的能力。

大多数网络用户默认的语言输入是从左到右。然而,许多网站和应用程序也希望为访问者提供RTL支持。RTL功能更多地属于国际化领域,但也可以视为一种可访问性特性。毕竟,RTL是为了让使用从右到左语言的访问者更容易获得用户体验。

配置

除非您正在构建一个专门使用RTL语言的应用程序,否则基于外部输入(如语言选择或来自访问者的用户代理的信息)应用RTL支持特性是很直观的。在这种情况下,您可以应用k-rtl类在运行时使用jQueryaddClass方法。

例如,如果您希望允许用户通过从下拉列表中选择语言或单击按钮来触发RTL支持:

  1. 控件向页面添加按钮设置。
  2. 为按钮添加单击处理程序,并通过添加或删除控件来切换RTL支持k-rtl类分配给表单,在本例中是为其分配ID的表单字段集合speakerForm。有了这个处理程序,用户现在可以按需触发RTL支持。
$ (" # toggleRTL”)。on('click', function(event) {var form = $('#speakerForm');if (form.hasClass('k-rtl')) {form.removeClass('k-rtl')} else {form.addClass('k-rtl');}})

支持ASP的Telerik UI。. NET核心组件

下表列出了用于ASP的Telerik UI。. NET核心组件that support rendering of content in a right-to-left direction for right-to-left languages, such as Arabic, Hebrew, Chinese, or Japanese.

组件 RTL的支持 演示
自动完成 是的 浏览
BottomNavigation 是的 浏览
面包屑 是的 浏览
按钮 是的 浏览
ButtonGroup 是的 浏览
日历 是的 浏览
图表 是的 浏览
CheckBoxGroup 是的 浏览
组合框 是的 浏览
DateInput 是的 浏览
DatePicker 是的 浏览
DateTimePicker 是的 浏览
对话框 是的 浏览
DropDownList 是的 浏览
DropDownTree 是的 浏览
编辑器 是的 浏览
ExpansionPanel 是的 浏览
文件管理 是的 浏览
FloatingActionButton 是的 浏览
甘特 是的 浏览
网格 是的 浏览
列表框 是的 浏览
列表视图 是的 浏览
MaskedTextbox 是的 浏览
菜单 是的 浏览
MultiColumnComboBox 是的 浏览
多选 是的 浏览
通知 是的 浏览
NumericTextbox 是的 浏览
PanelBar 是的 浏览
RadioGroup 是的 浏览
调度器 是的 浏览
滑块 是的 浏览
分束器 是的 浏览
步进 是的 浏览
开关 是的 浏览
TabStrip 是的 浏览
的周期 是的 浏览
文本区域 是的 浏览
文本框 是的 浏览
TimePicker 是的 浏览
树状视图 是的 浏览
上传 是的 浏览
窗口 是的 浏览

已知的限制

  • 垂直滚动条的位置可能位于左侧或右侧,这取决于所使用的浏览器。这不能通过CSS或脚本来控制。
  • Kendo UI ListView小部件的布局完全依赖于定义的模板。小部件本身不执行将现有LTR模板转换为RTL布局的操作。如果一个k-rtlCSS类存在并应用于包装器元素,文本方向将被反转,但浮动、边距、填充等将保持其方向。
  • Kendo UI Splitter在RTL模式下不会颠倒其窗格的顺序。
在本文中
Baidu
map