首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >django单选渲染到表格

django单选渲染到表格
EN

Stack Overflow用户
提问于 2011-02-16 15:48:33
回答 4查看 2.7K关注 0票数 4

我希望将django表单小部件radioselect呈现到一个表中,而不是一个ul列表中。标签在第一行,单选按钮在第二行。每个按钮对应一个单元格。例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
-------------------------------
| label 1 | label 2 | label 3 |
-------------------------------
|   O     |    O    |    O    |
-------------------------------

我看过默认的seems小部件,但是渲染函数看起来太复杂了,它调用许多不同的类来完成渲染的每一部分。

有没有人有关于如何做到这一点的例子,或者可以提供一个简单的解决方案?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-02-16 16:18:04

您需要子类化django.forms.widgets.RadioFieldRenderer并覆盖它的render方法。然后,在表单中声明字段时,指定小部件的自定义渲染器

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
class MyForm(forms.ModelForm):
    my_field = forms.TypedChoiceField(choices=some_choices,
                                      label=u"bla",
                                      widget=forms.RadioSelect(renderer=MyCustomRenderer))
票数 2
EN

Stack Overflow用户

发布于 2011-07-24 19:12:14

只是想补充一下贝雷斯·博邦的回答

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
class MyForm(forms.ModelForm):
    my_field = forms.TypedChoiceField(choices=some_choices,
                                      label=u"bla",
                                      widget=forms.RadioSelect(renderer=MyCustomRenderer))

自定义渲染器将如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
from django import forms
from django.forms.widgets import RadioFieldRenderer
from django.utils.encoding import force_unicode
from django.utils.safestring import mark_safe

class MyCustomRenderer( RadioFieldRenderer ):
    def render( self ):
        """Outputs a series of <td></td> fields for this set of radio fields."""
        return( mark_safe( u''.join( [ u'<td>%s</td>' % force_unicode(w.tag()) for w in self ] )))

在本例中,我不希望它旁边的单选框的名称,所以我使用"force_unicode(w.tag())“,如果您想要它旁边的名称,只需直接呈现对象,如"force_unicode(w)”

我希望这对你有帮助!

票数 8
EN

Stack Overflow用户

发布于 2011-03-29 06:33:24

您还可以使用django-uni-form,并使用divs而不是表。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5018586

复制
相关文章
HTML单选表格和多选表格实现
单选表格 1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont
治电小白菜
2020/08/25
7.6K0
HTML单选表格和多选表格实现
设置ElementUI表格只能单选效果教程
table加上@selection-change="handleSelectionChange",ref设置个Table作为ref引用
SmileNicky
2021/06/09
1.7K0
设置ElementUI表格只能单选效果教程
基于Vue实现跨表格(单选、多选表格项,单表格限制)相互拖拽
今天,我们将使用Vue.js来实现一个跨表格相互拖拽。在开发这个业务之前呢,也调研了网上很多解决方案,但个人感觉不太符合现在做的这个需求。所以,压根就自己再开发一套,方便以后维护。
Vam的金豆之路
2021/12/01
3.8K0
基于Vue实现跨表格(单选、多选表格项,单表格限制)相互拖拽
VUE:checkbox 单选框(单选、多选)、一选全选 / 全选一选、表格单选列实现
对于表格使用及实现方法见博文:VUE : 双重 for 循环写法、table 解析任意 list
微风-- 轻许--
2022/04/13
5.3K0
VUE:checkbox 单选框(单选、多选)、一选全选 / 全选一选、表格单选列实现
django渲染高阶
不建议大家在模板中使用函数, 因为会降低模板的渲染效率, 建议大家在视图处理函数中直接处理, 然后渲染即可
小小咸鱼YwY
2019/09/11
5060
Django渲染模板
在页面上显示内容可以简单的用django.http.HttpResponse来显示我们需要的内容,但是当我们需要一些处理一些复杂的数据或者从数据库读出来的操作要显示在html标签内或者js代码中就需要用渲染模板的方法。
earthchen
2020/09/24
7230
使用layui快速渲染表格
然后就可以开始编写前端代码了,这里使用的是layui,非常方便好用,这里就只写一个简单的Demo啦
阿超
2022/08/16
5590
如何使用高亮、表格渲染
本文介绍了如何使用高亮和表格渲染功能,提高数据分析中的数据展示效果。首先介绍了如何设置高亮,包括对表格中的列和新建高亮进行设置。其次介绍了如何设立数据超过2000的标红,以及设置表格渲染。通过这些方法,可以有效地提高数据分析中的数据展示效果。
腾讯云商业智能分析团队
2017/09/19
1.9K0
如何使用高亮、表格渲染
vue的表格动态渲染
<el-table-column :label="date" v-for="(date, key) in header" align="center"> <template scope="scope"> {{listDate1[scope.$index][key]}} </template>
用户4344670
2019/10/14
1.7K0
Django如何渲染markdown
依赖包 pip install markdown django-markup bleach bleach-whitelist 示例代码 your_app/urls.py urlpatterns = [ path('about/', views.about, name="about"), ] your_app/views.py def about(request): content = "" with open("./templates/license.md", 'r') as f:
marsggbo
2020/06/12
5820
ElementUI table表格列动态渲染
一般写table时,列都是固定。现有业务需求,列是不固定的。根据api返回的数据,进行动态渲染。
py3study
2021/04/28
7.2K0
ElementUI table表格列动态渲染
Django-djangorestframework-渲染模块
入口 dispatch 中的 self.response = self.finalize_response(request, response, *args, **kwargs)
suwanbin
2019/12/12
6980
Django-djangorestframework-渲染模块
表格按列方向上渲染数据
如果是一条数据和一个对应的值就不会出现问题。但是如果某一个数据的值有多个,并且需要显示在不同的行的话就会有问题。问题是:会循环出多个td在一行中。
从入门到进错门
2018/08/21
1.3K0
表格按列方向上渲染数据
鸿蒙 OpenHarmony 移植表格渲染引擎总结
随着 OpenHarmony 组件开发大赛结果公布,我们的团队成员被告知获得了二等奖,在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享,当我们看到参赛通知的时候已经是 9 月中旬的时候,此时已经是作品可以提交的时间了,参考了一些其他作品发现,基于 Canvas 开发的组件目前还没有,那我们就开始计划写一个基于 Canvas 和通用组件一起开发的组件,在这之前由于并没有开发过 OpenHarmony 应用,我们团队成员都没有相关的经验,大家从零开始在摸索,我们首先分工合作,有的成员负责去下载 IDE 和调试设备,有的成员负责研究和阅读官方文档。先附上源代码
wscats
2022/03/24
3K0
鸿蒙 OpenHarmony 移植表格渲染引擎总结
【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )
在 html 页面的 body 标签 中 , 通过 添加 table 标签 , 添加表格 ;
韩曙亮
2023/03/30
5.7K0
【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )
基于 OpenHarmony 鸿蒙开发的表格渲染引擎
基于 Canvas 实现的高性能 Excel 表格引擎组件 OpenHarmonySheet。
wscats
2022/06/15
1.7K0
基于 OpenHarmony 鸿蒙开发的表格渲染引擎
【前端系列-1】ajax与Springboot通信将数据库数据渲染到前端表格
jQuery对原生js进行了大量封装,让我们使用起来更加方便,尤其ajax。这里就对jQuery的ajax做一个总结。
云深i不知处
2020/09/16
2.5K0
Django与LayUI 框架实现表格分页
layui 框架与BootCSS框架相似都属于前端美化框架,区别在于BootCSS更加专业,而LayUI则更多的是面向于后端开发者,所以在组织形式上毅然采用了几年前的以浏览器为宿主的类 AMD 模块管理方式,却又并非受限于 CommonJS 的那些条条框框,它拥有自己的模式,更加轻量和简单。
微软技术分享
2022/12/28
2.6K0
Django与LayUI 框架实现表格分页
Django下载数据库表格(XLS/CSV)
下载XLS表格方式: 前置:   需要安装xlwt模块 views : def export_users_xls(request): response = HttpResponse(content_type='application/ms-excel') response['Content-Disposition'] = 'attachment; filename="abc.xls"' wb = xlwt.Workbook(encoding='utf-8') ws =
菲宇
2019/06/12
1.8K0
Bootstrap Table使用教程(请求json数据渲染表格)
今天来写一个关于Bootstrap Table使用教程(请求json数据渲染表格) json数据来源于后端小伙伴的接口,我放在本地进行模拟了
王小婷
2019/11/07
7.5K0
Bootstrap Table使用教程(请求json数据渲染表格)

相似问题

将圆角渲染到单选按钮组

10

django: ajax渲染到模板

10

用Django/JavaScript在HTML表格中渲染JSON

116

Yii2表格表格单选按钮单选问题

11

渲染Kentico单选按钮

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文