从右到左的语言
从右向左(RTL)支持是指库、网站或应用程序处理和响应使用从右向左语言(如阿拉伯语、希伯来语、中文或日语)进行通信的用户的能力。
大多数网络用户默认的语言输入是从左到右。然而,许多网站和应用程序也希望为访问者提供RTL支持。RTL功能更多地属于国际化领域,但也可以视为一种可访问性特性。毕竟,RTL是为了让使用从右到左语言的访问者更容易获得用户体验。
配置
除非您正在构建一个专门使用RTL语言的应用程序,否则基于外部输入(如语言选择或来自访问者的用户代理的信息)应用RTL支持特性是很直观的。在这种情况下,您可以应用k-rtl
类在运行时使用jQueryaddClass
方法。
例如,如果您希望允许用户通过从下拉列表中选择语言或单击按钮来触发RTL支持:
- 控件向页面添加按钮
设置。
- 为按钮添加单击处理程序,并通过添加或删除控件来切换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-rtl
CSS类存在并应用于包装器元素,文本方向将被反转,但浮动、边距、填充等将保持其方向。 - Kendo UI Splitter在RTL模式下不会颠倒其窗格的顺序。