Yii Framework 开发教程(46) Zii组件-Sortable示例

2023-10-27



CJuiSortable显示一个列表,列表中的列表项可以通过拖放重新调整顺序,它封装了 JUI Sortable插件。

其基本用法如下:

  1. <?php  
  2. Yii::app()->clientScript->registerCss('sortable', "  
  3. #sortable {list-style-type: none; margin: 0; padding: 0; width: 60%;}  
  4. #sortable li {margin: 2px; padding: 4px;  
  5. border: 1px solid #e3e3e3; background: #f7f7f7}  
  6. ", 'screen', CClientScript::POS_HEAD);  
  7. ?>  
  8.   
  9. <h2><?php echo Yii::t('ui','Sortable');?></h2>  
  10.   
  11. <?php $this->widget('zii.widgets.jui.CJuiSortable'array(  
  12.     'id'=>'sortable',  
  13.     'items'=>array(  
  14.         'id1'=>'Item 1',  
  15.         'id2'=>'Item 2',  
  16.         'id3'=>'Item 3',  
  17.     ),  
  18.     'options'=>array(  
  19.         'cursor'=>'n-resize',  
  20.     ),  
  21. ));  
  22. ?>  
<?php
Yii::app()->clientScript->registerCss('sortable', "
#sortable {list-style-type: none; margin: 0; padding: 0; width: 60%;}
#sortable li {margin: 2px; padding: 4px;
border: 1px solid #e3e3e3; background: #f7f7f7}
", 'screen', CClientScript::POS_HEAD);
?>

<h2><?php echo Yii::t('ui','Sortable');?></h2>

<?php $this->widget('zii.widgets.jui.CJuiSortable', array(
	'id'=>'sortable',
	'items'=>array(
		'id1'=>'Item 1',
		'id2'=>'Item 2',
		'id3'=>'Item 3',
	),
	'options'=>array(
		'cursor'=>'n-resize',
	),
));
?>

201212129015本例下载

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Yii Framework 开发教程(46) Zii组件-Sortable示例 的相关文章

随机推荐

  • java.sql.SQLException: Cannot convert value '0000-00-00 00:00:00' from column 5 to TIMESTAMP.

    报错信息一 java java sql SQLException Cannot convert value 0000 00 00 00 00 00 from column 5 to TIMESTAMP 原因 在Mysql数据库中使用DATE
  • 失业的程序员(七):梦想和胸襟

    http blog csdn net shenyisyn article details 8777357 本系列前章 失业的程序员 一 二 三 四 五 六 一 超级前戏 关注健康 预防禽流感从你我他做起 最近H7N9吓人不浅 自从我们的小心
  • MYSQL查询

    现在存在如下表关系 班级表 class cid caption 1 三年二班 2 一年三班 3 三年一班 学生表 student Sid Sname Gender Class id 1 钢蛋 女 1 2 铁锤 女 1 3 山炮 男 2 教师
  • 网卡带宽测试软件iPerf背景与使用

    iperf是一个网络性能测试工具 采用C语言开发 开源 并且跨平台 iperf可以测试最大TCP和UDP带宽性能 具有多种参数和UDP特性 可以根据需要调整 可以报告带宽 延迟抖动和数据包丢失 一 iperf的现状 1 iperf 1 ip
  • 西游解密:唐僧为何一定要去西天取经

    说 西游 自然首先要从以唐僧 或孙悟空 为首的取经团队说起 吴承恩着力塑造的取经五人组 大约是中国古典小说里最著名的团队之一 堪比 桃园三结义 的刘关张 梁山 上的一百单八将和轰动江湖的 三侠五义 主管取经工作的观世音菩萨从灵山去大唐 自西
  • Jdk & Tomcat 安装教程 — 2022.12.11

    文章目录 一 安装jdk教程 二 tomcat 安装 三 修改Tomcat端口号 安装Tomcat之前要确保安装jdk 一 安装jdk教程 安装vim命令包 此操作如果执行不了 需要使用root权限执行 执行如下命令 yum install
  • python 打开文件报错FileNotFoundError: [WinError 2]

    Python3中遇到FileNotFoundError WinError 2 系统找不到指定的文件 报错 进行排错发现 我的路径被自动转义了 D huiyi WeMeet wemeetapp exe n 起初还没发现 后来将这个路径放入资源
  • GridView之数据邦定(HYPERLINK)小技巧与从数据库取汇总参数传值

    近一直在研究和做 GRIDVIEW的功能 下面介绍一下 在 GridView中 实现 对 HyperLink列的应用 传值 一 最基本 HyperLink的最基本的属性 NavigateUrl 是 要连接的地址 可在可视化界面设定或者 CS
  • 织梦服务器怎么添加网站,dedecms怎样给网站添加搜索功能

    dedecms怎样给网站添加搜索功能 发布时间 2021 01 15 09 35 05 来源 亿速云 阅读 138 作者 小新 小编给大家分享一下dedecms怎样给网站添加搜索功能 希望大家阅读完这篇文章之后都有所收获 下面让我们一起去探
  • 蓝桥杯C/C++省赛:逆波兰表达式

    目录 题目描述 思路分析 AC代码 题目描述 正常的表达式称为中缀表达式 运算符在中间 主要是给人阅读的 机器求解并不方便 例如 3 5 2 6 1 而且 常常需要用括号来改变运算次序 相反 如果使用逆波兰表达式 前缀表达式 表示 上面的算
  • 微信小程序生成二维码

    微信小程序生成二维码 官网api 先请求得到access token wx request url https api weixin qq com cgi bin token grant type client credential app
  • 点云如何使用k-d树进行查找(附pcl c++ 代码)

    如何使用k d树进行查找 在这篇教程中 我们将学习如何使用k d树来搜索某个特殊点或者区域的K最近邻域 然后我们也将学习如何在用户指定的一些半径内找到所有的邻居 在本案例中是随机生成的 k d树理论基础 k d树 又称k维树 是计算机科学中
  • 【Linux】linux服务管理、RPM包管理、源码包安装管理

    1 概述 以前学习做的笔记 现在拿出来 主要是linux服务管理 RPM包管理 源码包安装管理等相关内容 2 服务分类 启动与自启动 服务启动 就是在当前系统中让服务运行 并提供功能 服务自启动 自启动是指让服务在系统开机或重启动之后 随着
  • python学习:一个简单的广告数据集资源查找

    写在前面 作为小白的自己 为了找一个简单不过的数据集都这么难 感觉自己又菜又笨 其实不是 只是你不知道资源网址和途径 大家以后找数据集上外文网站 是免费的 不要傻傻的请求别人给数据集 或者付费 之前为了找一个简单的200行的数据集 找遍中文
  • MySQL存储过程

    文章目录 1 简介 2 语法结构 3 变量及赋值 3 1 局部变量 3 2 用户变量 3 3 会话变量 3 4 全局变量 4 入参出参 4 1 IN 入参 4 2 OUT 出参 4 3 INOUT 出入参 5 流程控制 判断 5 1 if
  • SpringBoot03:yaml配置注入

    目录 一 yaml语法学习 1 配置文件 2 yaml概述 3 yaml基础语法 3 1 字面量 普通的值 数字 布尔值 字符串 3 2 对象 Map 键值对 3 3 行内写法 3 4 数组 list set 二 注入配置文件 1 yaml
  • c语言中合法转义字符,判断c语言合法转义字符

    满意答案 UniTubeStar 2018 01 11 采纳率 45 等级 12 已帮助 5850人 单独一个 不是合法转义字符 转义字符 就是指 反斜杠后面的字符 不按原意 解释 而要按 转义 解释 转义字符 来源于英文 escape s
  • C++中extern “C”含义深层探索

    1 引言 C 语言的创建初衷是 a better C 但是这并不意味着C 中类似C语言的全局变量和函数所采用的编译和连接方式与C语言完全相同 作为一种欲与C兼容的语言 C 保留了一部分过程式语言的特点 被世人称为 不彻底地面向对象 因而它可
  • PHP获取当前系统时间戳(精确到毫秒,微秒)

    推荐 小程序版系统后台快速开发 推荐一个实时新闻接口 适合做新闻类APP 网站 小程序等 获取当前系统时间 精确到毫秒 return float function getMillisecond list t1 t2 explode micr
  • Yii Framework 开发教程(46) Zii组件-Sortable示例

    CJuiSortable显示一个列表 列表中的列表项可以通过拖放重新调整顺序 它封装了 JUI Sortable插件 其基本用法如下 php view plain copy print