⑴ Extjs6 chart 求助
估计复你是插入了许多制空白图表,如果工作表名称是Chart1、Chart2、Chart3......,右键点按中间方框会弹出“图表区格式”的菜单,那你按左下角四个移动工作表的箭头按钮的最右边一个(移动到最后一张工作表),找一下你原来的工作表是否还在,如果在,把那些不需要的工作表删除就是。否则试试能否删除中间的灰色方框,移动滚动条看看数据还在不,我想到的暂时这么多
⑵ extjs6 tree怎么隐藏选中树节点
根据api 以及勾选的事件,获得选中的节点数据
使用setHidden添加参数进行隐藏
如果是隐藏他的上级或者下级在使用api中的查找获取id进行隐藏。
extjs6.0
⑶ 如何在ExtJS 6中使用Fashion美化应用程序
编译主题
Ext
JS应用程序的主题使用的是SASS,它是一种动态编写CSS代码的方法。例如,可以在样式表中使用变量和运算。浏览器并不了解SASS,它只知道CSS,隐藏,这些SASS主题需要被编译为浏览器能理解的,生产用的CSS代码。在Ext
JS应用程序中可以通过在Sencha Cmd运行以下命令来编译主题:
sencha app build [development]
或
sencha app watch [toolkit]
两者的区别在于watch会通过轮询来了解更新,并理解进行编译,而build编译只能手动执行一次。
在旧版本的Ext JS或Sencha Touch,SASS样式是在Ruby中编译的。在Windows,需要使用管理员权限来安装Ruby。一旦安装完成,就可以开始编译主题了。不过,在有大量代码库和高级主题的时候,就要花费大量的编译时间。
为了编译高级主题,有时候需要花费一分钟。然后,你不得不刷新浏览器窗口来测试主题以确保已正确设置SASS变量。之后还要一次次的重复此过程。要知道,这个过程是相当耗时间的。这也是为什么对Fashion感到高兴的原因。
Sencha Fashion是使用javascript来编译主题的,可以说这是超级的快。当在左边的显示器修改一行代码后,就可以右边的显示器看到变化了,就是这么快。不再需要等等编译(在服务器开始),也不再需要刷新浏览器窗口。
由于Fashion使用的是javascript,因而有更多优点。例如,可以在Fashion之上进行扩展并创建自己的样式功能(类似SASS功能),还能调试样式表代码。
不过,最大的得益还是可以在开发机器上设计主题。要实现这个,只需要在命令行运行sencha app watch并在URL中添加以下参数:
?platformTags=fashion:true
开始编译
下面来尝试下使用Fashion来编译一个主题。首先,下载Ext JS 6。这已经包含了SDK。还需要下载Sencha Cmd 6。
安装好命令行工具后,在机器上解压Ext JS 6框架包(zip)。打开命令行提示符并通过命令行导航到框架文件夹。在Ext6文件夹,输入以下命令来创建第一个sencha通用应用程序:
ext> sencha generate app MyApp ../指定的项目路径
在IDE或编辑器中打开新的应用程序项目。要注意classic和modern这两个新的文件夹。这是用来区分工具包的文件夹。共享代码要放在app文件夹内。classic工具包文件夹包含了旧版本(桌面)视图,而modern工具包文件夹则包含了现代touch的视图。对于两个工具包来说,DOM是不同的,因而样式也会有些许不同。这也是为什么工具包文件夹会有一个src子文件夹用来放置javascript代码,会有一个sass文件夹来放置指定的样式的原因。
打开app.json文件并滚动到“builds”配置:
"builds": {
"classic": {
"toolkit": "classic",
"theme": "theme-triton"
},
"modern": {
"toolkit": "modern",
"theme": "theme-neptune"
}
},12345678910111234567891011
要注意这里的每一个build配置,他们都有自己的工具包和主题。对于classic配置,将使用新的海卫一(Triton)主题,而modern工具包将使用海王星(Neptune)主题(原名是Sencha Touch默认主题)。
现在不需要对这个进行修改。下面来创建两个新文件:
classic/sass/var/Application.scss
modern/sass/var/Application.scss
现在,打开Sencha本地Web服务器,并让Sencha轮询样式表的改变。
在通用应用程序的文件夹中,运行以下命令:
项目文件夹> sencha app watch classic
如果Cmd安装正确,该命令会正确运行。现在内置的sencha服务器将等待更新。应用程序默认可通过http://localhost:1841来访问。
⑷ extjs 多选下拉框
用lvcombo插件就行了(地址:://extjs.eu/phpmv2/phpmyvisites.php?url=http%3A//lovcombo.extjs.eu/lovcombo-1.0.zip&id=1&pagename=FILE:%20download/lovcombo/lovcombo-1.0.zip)
教程:
{
xtype : 'lovcombo',
name : 'roles',
fieldLabel : 'Roles',
store : lvComboStore,
valueField : 'name',
displayField : 'name',
mode : 'local',
editable : true,
triggerAction : 'all'
}
⑸ extjs 6 grid 更改选中行背景颜色,直影响当前grid
Ext 4.2.1
/** * @var {color}
* The background-color of the selected row
*/$grid-row-cell-selected-background-color: #ccc !default;
Ext 5
$grid-cell-selected-background-color : color
The background-color of a selected cell when using a Ext.selection.CellModel.
Defaults to:
$grid-row-cell-selected-background-color
Ext 6
$list-item-selected-background-color : color
List item background-color when selected
Defaults to:
mix(#fff, $base-light-color, 25%)
Ext 6 好像依赖 $base-light-color 尽量不要修改内其他配容置
⑹ 本人现在学习ExtJS,谁有ExtJS的入门教程视频,(清晰版的)适合初次接触ExtJS的学员使用。
ExtJs视频教程(上).avi
http://dl.vmall.com/c0ubbdxakh
ExtJs视频教程1(下).avi
http://dl.vmall.com/c05tezhwon
ExtJs视频教程10(上).avi
http://dl.vmall.com/c009bcd6dk
ExtJs视频教程10(下).avi
http://dl.vmall.com/c0fp5fs6oi
ExtJs视频教程11.avi
http://dl.vmall.com/c0aj02ib0c
ExtJs视频教程12(上).avi
http://dl.vmall.com/c004973idh
ExtJs视频教程12(下).avi
http://dl.vmall.com/c001rgrdtm
ExtJs视频教程13.avi
http://dl.vmall.com/c009ygzh6w
ExtJs视频教程14.avi
http://dl.vmall.com/c0e0cqlee6
ExtJs视频教程15.avi
http://dl.vmall.com/c06bm3kof6
ExtJs视频教程16(上).avi
http://dl.vmall.com/c0gtdad07s
ExtJs视频教程16(下).avi
http://dl.vmall.com/c09uppmxxg
ExtJs视频教程17.avi
http://dl.vmall.com/c0x9q2jsy1
ExtJs视频教程18(上).avi
http://dl.vmall.com/c0r7wsjny8
ExtJs视频教程18(下).avi
http://dl.vmall.com/c0ljkgvdbt
ExtJs视频教程19(上).avi
http://dl.vmall.com/c0sxwb3mcs
ExtJs视频教程19(下).avi
http://dl.vmall.com/c0bne69ab3
ExtJs视频教程2(上).avi
http://dl.vmall.com/c0rb2nksiv
ExtJs视频教程2(下).avi
http://dl.vmall.com/c0lntha1ha
ExtJs视频教程20(上).avi
http://dl.vmall.com/c0xo6ry6uv
ExtJs视频教程20(下).avi
http://dl.vmall.com/c09bft5oab
ExtJs视频教程21(上).avi
http://dl.vmall.com/c0e8pmwasl
ExtJs视频教程21(下).avi
http://dl.vmall.com/c0oc248n7g
ExtJs视频教程22(上).avi
http://dl.vmall.com/c0x3umxbwa
ExtJs视频教程22(下).avi
http://dl.vmall.com/c06tuk2ggc
ExtJs视频教程23.avi
http://dl.vmall.com/c0e7baf0pi
ExtJs视频教程24(上).avi
http://dl.vmall.com/c0movwp3a4
ExtJs视频教程24(下).avi
http://dl.vmall.com/c0rg5l5j5b
ExtJs视频教程25(上).avi
http://dl.vmall.com/c0cov3b0iq
ExtJs视频教程25(下).avi
http://dl.vmall.com/c0zlis6daw
ExtJs视频教程26(上).avi
http://dl.vmall.com/c0dkmrgyny
ExtJs视频教程26(下).avi
http://dl.vmall.com/c0ggz4rsjk
ExtJs视频教程27(上).avi
http://dl.vmall.com/c0oikptimx
ExtJs视频教程27(下).avi
http://dl.vmall.com/c0hf8mkvz8
ExtJs视频教程28(上).avi
http://dl.vmall.com/c0u1dtnapu
ExtJs视频教程28(下).avi
http://dl.vmall.com/c03aqkretd
ExtJs视频教程29(上).avi
http://dl.vmall.com/c0iba3xahp
ExtJs视频教程29(下).avi
http://dl.vmall.com/c0eksgrye9
ExtJs视频教程3(上).avi
http://dl.vmall.com/c0umiba9au
ExtJs视频教程3(下).avi
http://dl.vmall.com/c0ayfugdru
ExtJs视频教程30(上).avi
http://dl.vmall.com/c0b8eyl7tq
ExtJs视频教程30(下).avi
http://dl.vmall.com/c0wmn2dn4p
ExtJs视频教程4.avi
http://dl.vmall.com/c0aqzm9bdq
ExtJs视频教程5(上).avi
http://dl.vmall.com/c0phusez1v
ExtJs视频教程5(下).avi
http://dl.vmall.com/c0k8cbyyb0
ExtJs视频教程6(上).avi
http://dl.vmall.com/c0cakxbmae
ExtJs视频教程6(下).avi
http://dl.vmall.com/c096aiackr
ExtJs视频教程7(上).avi
http://dl.vmall.com/c0l2yl1m2l
ExtJs视频教程7(下).avi
http://dl.vmall.com/c05n9sqsp1
ExtJs视频教程8.avi
http://dl.vmall.com/c0x692rjm6
ExtJs视频教程9(上).avi
http://dl.vmall.com/c0mmjhyylb
ExtJs视频教程9(下).avi
http://dl.vmall.com/c0wkfdosff
⑺ 请问extjs 6 grid怎么实现合计,合计行要固定在表格下面,不随纵向滚动条滚,但要随横向滚动
简单给个代码说明一下:
var grid = new Ext.grid.GridPanel({
......(其他属性配置略)
columns: [
{header: '第一列', dataIndex: 'column1'},
{header: '第二列', dataIndex: 'column2'},
{header: '总计', dataIndex: 'column1',renderer : function(value,metadata,reocrd){
//这里面做总计计算
var sum = record.data.column1+reocrd.data.column2;
//或者 var sum = value+reocrd.data.column2;
return sum;
}
},
],
......(其他属性配置略)
});