docs-master
README
dcat-2.x
数据仓库
字段显示
区块
扩展版本与升级
下拉菜单
模态窗 (Modal)
数据详情字段翻译
单/复选框
数据详情基本使用
图片/文件上传
change-log
数据详情动作
开发工具
JS组件
多语言
详情字段显示扩展
查询过滤
版本升级须知
拓展-开发工具
扩展
extend
提示窗
行的使用和扩展
帮助函数
自定义导出
关联关系
widgets-markdown
列过滤器
模型树动作
安装
主题开发
开发前必读
扩展基本使用
数据统计卡片
LICENSE
model-form-trans
警告框
视图与自定义页面
主题与颜色
开发扩展
工具栏
头部和脚部
JSON格式字段处理
异步加载基本使用
数据导出
Dcat Admin
数据软删除
自定义登陆
dcat-admin
v1.x版本升级指南
快捷创建
自定义头部导航条
快速开始
多应用 (多后台)
常见问题汇总
卡片
动作基本使用
模型树
选项卡
BETA版本更新日志
数据详情初始化
静态资源加载
菜单
权限控制
Laravel Octane
入门
表单
表格
树状表格
表格规格筛选器
表格快捷搜索
数据表格事件
表格异步渲染
表格关联关系
数据表格动作
表格基本使用
列的显示和扩展
列的基本使用
数据表格行内编辑
表格字段翻译
表头
图表
控制器编写规范

dcat-admin

dcat-admin


数据表格行内编辑

<h1>数据表格行内编辑</h1> <p>数据表格所有使用行内编辑的列字段,都必须在<code>form</code>表单中定义一个相同的表单字段,否则将无法进行编辑。</p> <h3>文本 (editable)</h3> <p>启用</p> <pre><code class="language-php">$grid-&amp;gt;column('title')-&amp;gt;editable(); // 编辑成功后刷新页面 $grid-&amp;gt;column('nickname')-&amp;gt;editable(true);</code></pre> <p>效果 <img src="https://cdn.learnku.com/uploads/images/202109/14/38389/mX4Za4nj1y.png!large" alt="" /></p> <h3>开关 (switch)</h3> <p>快速将列变成开关组件,使用方法如下:</p> <pre><code class="language-php">$grid-&amp;gt;column('status')-&amp;gt;switch(); // 设置颜色 use Dcat\Admin\Admin; $grid-&amp;gt;column('status')-&amp;gt;switch(Admin::color()-&amp;gt;info()); $grid-&amp;gt;column('status')-&amp;gt;switch('#333'); </code></pre> <p>这个功能需要你在<code>form</code>表单方法中同样设置一个<code>status</code>字段</p> <pre><code class="language-php">$form-&amp;gt;hidden('status') -&amp;gt;customFormat(function ($v) { return $v == '打开' ? 1 : 0; }) -&amp;gt;saving(function ($v) { return $v ? '打开' : '关闭'; }); // 或者 $form-&amp;gt;switch('status') -&amp;gt;customFormat(function ($v) { return $v == '打开' ? 1 : 0; }) -&amp;gt;saving(function ($v) { return $v ? '打开' : '关闭'; });</code></pre> <p>编辑成功后刷新页面</p> <pre><code class="language-php">$grid-&amp;gt;column('status')-&amp;gt;switch('', true);</code></pre> <h3>开关组 (switchGroup)</h3> <p>&gt; {tip} 注意:在<code>grid</code>中对某字段设置<code>switchGroup</code>默认的保存结果是<code>0</code>或<code>1</code>,如需修改可以通过<code>$form-&amp;gt;hidden(xxx)-&amp;gt;saving(...)</code>方法修改。</p> <p>快速将列变成开关组件组,使用方法如下:</p> <pre><code class="language-php">$grid-&amp;gt;switch_group-&amp;gt;switchGroup([ 'hot' =&amp;gt; '热门', 'new' =&amp;gt; '最新', 'recommend' =&amp;gt; '推荐', 'image.show' =&amp;gt; '显示图片', // 更新对应关联模型 ]); // 或 // 不写label会自动从翻译文件翻译,具体使用请参照 “字段翻译” 章节 $grid-&amp;gt;switch_group-&amp;gt;switchGroup(['is_new', 'is_hot', 'published']);</code></pre> <p>这个功能需要你在<code>form</code>表单方法中同样设置对应的字段</p> <pre><code class="language-php">$form-&amp;gt;switch('hot') -&amp;gt;customFormat(function ($v) { return $v == '打开' ? 1 : 0; }) -&amp;gt;saving(function ($v) { return $v ? '打开' : '关闭'; }); $form-&amp;gt;switch('new') -&amp;gt;customFormat(function ($v) { return $v == '打开' ? 1 : 0; }) -&amp;gt;saving(function ($v) { return $v ? '打开' : '关闭'; });</code></pre> <p>编辑成功后刷新页面</p> <pre><code class="language-php">$grid-&amp;gt;column('switch_group')-&amp;gt;switchGroup([...], true);</code></pre> <p><img src="{{public}}/assets/img/screenshots/grid-column-switch-group.png" alt="" /></p> <h3>下拉选框 (select)</h3> <pre><code class="language-php">$grid-&amp;gt;column('options')-&amp;gt;select([ 1 =&amp;gt; 'Sed ut perspiciatis unde omni', 2 =&amp;gt; 'voluptatem accusantium doloremque', 3 =&amp;gt; 'dicta sunt explicabo', 4 =&amp;gt; 'laudantium, totam rem aperiam', ]);</code></pre> <p><code>select</code> 也支持参数为闭包,使用方法和<code>editable</code>的<code>select</code>类似。</p> <p>编辑成功后刷新页面</p> <pre><code class="language-php">$grid-&amp;gt;column('options')-&amp;gt;select([...], true);</code></pre> <p><img src="{{public}}/assets/img/screenshots/grid-column-select.png" alt="" /></p> <h3>单选框 (radio)</h3> <pre><code class="language-php">$grid-&amp;gt;column('options')-&amp;gt;radio([ 1 =&amp;gt; 'Sed ut perspiciatis unde omni', 2 =&amp;gt; 'voluptatem accusantium doloremque', 3 =&amp;gt; 'dicta sunt explicabo', 4 =&amp;gt; 'laudantium, totam rem aperiam', ]);</code></pre> <p><code>radio</code> 也支持参数为闭包,使用方法和<code>editable</code>的<code>select</code>类似。</p> <p>编辑成功后刷新页面</p> <pre><code class="language-php">$grid-&amp;gt;column('options')-&amp;gt;radio([...], true);</code></pre> <p><img src="https://cdn.learnku.com/uploads/images/202109/14/38389/6Bo4phkB3f.png!large" alt="" /></p> <h3>多选框 (checkbox)</h3> <pre><code class="language-php">$grid-&amp;gt;column('options')-&amp;gt;checkbox([ 1 =&amp;gt; 'Sed ut perspiciatis unde omni', 2 =&amp;gt; 'voluptatem accusantium doloremque', 3 =&amp;gt; 'dicta sunt explicabo', 4 =&amp;gt; 'laudantium, totam rem aperiam', ]);</code></pre> <p><code>checkbox</code> 也支持参数为闭包,使用方法和<code>editable</code>的<code>select</code>类似。</p> <p>编辑成功后刷新页面</p> <pre><code class="language-php">$grid-&amp;gt;column('options')-&amp;gt;checkbox([...], true);</code></pre> <p><img src="{{public}}/assets/img/screenshots/grid-column-checkbox.png" alt="" /></p> <h3>textarea</h3> <pre><code class="language-php">$grid-&amp;gt;column('...')-&amp;gt;textarea();</code></pre> <p><img src="https://cdn.learnku.com/uploads/images/202109/14/38389/wViO5EoPBg.png!large" alt="" /></p>

页面列表

ITEM_HTML