Ext实现增加页签功能

首先你得有个tabpanel,代码如下。

var tpanel = new Ext.TabPanel({
    id:'tabs',                                                        //ID必须有,方便后面来获得这个父panel
        region: 'center',
        xtype: 'tabpanel',
enableTabScroll:true,
activeTab:0,                 //这个是创建后活动标签的数量
        items: {
            iconCls:'listicon',
title: '测试',
layout : 'border',
items:[
{split : true,region: 'west',layout:'fit',border : true,minSize : 100,autoScroll:true, maxSize : 300,width : 150,items:[treepan]},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
非常感谢您的提问!以下是一个基于 Ext JS 6 的连接电脑摄像头实现拍照保存录像功能示例: ``` // create video element var videoElement = Ext.create('Ext.dom.Element', { tag: 'video', width: 480, height: 320 }); // add video element to panel var panel = Ext.create('Ext.panel.Panel', { title: 'Camera', items: [videoElement], buttons: [ { text: 'Take Photo', handler: function() { // create canvas element var canvasElement = Ext.create('Ext.dom.Element', { tag: 'canvas', width: videoElement.getWidth(), height: videoElement.getHeight() }); // draw video frame on canvas canvasElement.dom.getContext('2d').drawImage(videoElement.dom, 0, 0, videoElement.getWidth(), videoElement.getHeight()); // save canvas as image Ext.ux.saveAs({ data: canvasElement.dom.toDataURL(), filename: 'photo.png' }); } }, { text: 'Record Video', handler: function() { // create media stream navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) { // play media stream on video element videoElement.dom.srcObject = stream; videoElement.dom.play(); // start recording var mediaRecorder = new MediaRecorder(stream); var chunks = []; mediaRecorder.ondataavailable = function(event) { chunks.push(event.data); }; mediaRecorder.onstop = function() { // save video as blob var blob = new Blob(chunks, { type: 'video/mp4' }); Ext.ux.saveAs({ data: URL.createObjectURL(blob), filename: 'video.mp4' }); }; mediaRecorder.start(); }).catch(function(error) { console.error(error); }); } } ] }); Ext.create('Ext.container.Viewport', { layout: 'fit', items: [panel] }); ``` 希望这个示例对您有所帮助!如果您还有其他问题或需要更多帮助,请随时联系我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值