找回密码
 立即注册

QQ登录

只需一步,快速开始

@city_CH2017

注册会员

7

主题

64

帖子

121

积分

注册会员

积分
121

微信认证勋章

@city_CH2017
注册会员   /  发表于:2019-9-19 11:16  /   查看:4912  /  回复:5
需求:因为业务要求需要换一套样式(图2),我想要把Wijimo Input组件的样式重写,不使用默认样式(图1)。
(图1)
(图2)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

5 个回复

倒序浏览
@city_CH2017
注册会员   /  发表于:2019-9-19 11:18:29
沙发
能不能通过import 一套自定义的CSS样式来覆盖原有的样式属性,实现全局修改?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-9-19 16:27:35
板凳
您好,您可以通过声明一个独立的style.css的文件,通过重写wijmo的css类来实现自己定义的样式,
与下拉列表相关的样式有:
wj-control wj-content wj-dropdown wj-state-collapsed wj-inputdate

您可以参考Demo:

https://demo.grapecity.com.cn/wi ... ndar/Styling/purejs
回复 使用道具 举报
@city_CH2017
注册会员   /  发表于:2019-9-19 16:39:42
地板
KevinChen 发表于 2019-9-19 16:27
您好,您可以通过声明一个独立的style.css的文件,通过重写wijmo的css类来实现自己定义的样式,
与下拉列 ...

重写的样式需要加上“!important”来声明层次覆盖,还是不用?
回复 使用道具 举报
@city_CH2017
注册会员   /  发表于:2019-9-19 16:44:35
5#
本帖最后由 @city_CH2017 于 2019-9-19 16:46 编辑
KevinChen 发表于 2019-9-19 16:27
您好,您可以通过声明一个独立的style.css的文件,通过重写wijmo的css类来实现自己定义的样式,
与下拉列 ...

FlexGrid 表格中表头,列,单元格,相关的class 名称麻烦帮我列一下。
还有 日期样式,谢谢
另外单元格的字体和字体大小,FlexGrid是由提供方法来进行修改,还是通过样式来进行修改?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-9-19 17:54:16
6#
@city_CH2017 发表于 2019-9-19 16:39
重写的样式需要加上“!important”来声明层次覆盖,还是不用?

重写的样式可以通过import的方式引入对应的模块,也可以直接定义在模块中。

FlexGrid中的样式,基本上都是以css的方式来实现的,某些条件格式还需要引入一些代码逻辑,

这个看您的具体需求了。

以上提到的这些样式设置,在线示例中都有Demo,您可以参考:

https://demo.grapecity.com.cn/wi ... ows/Overview/purejs
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部