RTL suport for jQuery EasyUI（jQuery EasyUI RTL 支持）

Extension > RTL suport for jQuery EasyUI

扩展下载地址：http://www.jeasyui.com/extension/downloads/jquery-easyui-rtl.zip (我发布的程序包整也有提供，在extension目录下)

导入 RTL 文件

启用RTL功能，需要导入 'easyui-rtl.css' 和 'easyui-rtl.js' 文件。

 
  1. <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
  2. <link rel="stylesheet" type="text/css" href="easyui-rtl.css">
  3. <script type="text/javascript" src="../../jquery-1.8.0.min.js"></script>
  4. <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
  5. <script type="text/javascript" src="easyui-rtl.js"></script>

添加 RTL 属性

记住要往<body>标签添加 'dir' 属性，其值为 'rtl'。

  1. <body dir="rtl">
  2. <div class="easyui-accordion" data-options="fit:true,border:false">
  3. <div title="Title1" style="padding:10px;">
  4. content1
  5. </div>
  6. <div title="Title2" data-options="selected:true" style="padding:10px;">
  7. content2
  8. </div>
  9. <div title="Title3" style="padding:10px">
  10. content3
  11. </div>
  12. </div>
  13. </body>
相关文章
jquery easyui drag and drop rows in datagrid 可拖放行的数据表格 jquery easyui drag and drop rows in treegrid 可拖放行的树形表格 jquery easyui dwr loader dwr装载器 jquery easyui rtl support rtl支持 jquery easyui ribbon ribbon界面 jquery easyui tagbox 标签框 jquery easyui easyloader 简单加载 jquery easyui draggable 拖动 jquery easyui droppable 放置 jquery easyui resizable 调整大小 jquery easyui form 表单 jquery easyui validatebox 验证框 jquery easyui combo 自定义下拉框 jquery easyui combobox 下拉列表框 jquery easyui combotree 树形下拉框 jquery easyui tree 树 jquery easyui treegrid 树形表格 jquery easyui window 窗口 jquery easyui dialog 对话框窗口 jquery easyui messager 消息窗口
关注编程学问公众号