首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

DHTMLX调度程序时间线获取单元格信息

DHTMLX调度程序是一个功能强大的JavaScript库,用于创建交互式的日程安排和时间线视图。时间线是其中的一个组件,用于显示时间轴和相关事件的信息。在DHTMLX调度程序中,获取单元格信息可以通过以下步骤完成:

  1. 首先,需要创建一个时间线视图,并将其添加到页面中的某个容器中。可以使用DHTMLX调度程序提供的相关API来完成此操作。例如,可以使用scheduler.createTimelineView方法创建时间线视图。
  2. 一旦时间线视图创建成功,可以使用scheduler.attachEvent方法监听时间线上的事件,以便在用户与时间线交互时触发相应的操作。
  3. 要获取单元格信息,可以使用scheduler.getActionData方法。该方法接受一个事件对象作为参数,并返回与该事件相关的单元格信息。单元格信息包括单元格的开始时间、结束时间、行索引和列索引等。

下面是一个示例代码,演示如何使用DHTMLX调度程序获取时间线上单元格的信息:

代码语言:txt
复制
// 创建时间线视图
scheduler.createTimelineView({
  name: "timeline",
  x_unit: "day",
  x_date: "%d %M",
  x_step: 1,
  x_size: 7,
  x_start: 1,
  x_length: 7,
  y_unit: sections,
  y_property: "section_id",
  render: "bar",
  event_dy: "full",
  event_min_dy: 30,
  dy: 60,
  event_height: 30,
  second_scale: {
    x_unit: "hour",
    x_date: "%H:%i",
    x_step: 1,
    x_size: 24,
    x_start: 0,
    x_length: 24,
    render: "bar",
    event_dy: "full",
    event_min_dy: 30,
    dy: 20,
    event_height: 20,
  },
});

// 监听时间线上的事件
scheduler.attachEvent("onCellClick", function (cell_id, e, html_event) {
  // 获取单元格信息
  var cellData = scheduler.getActionData(e);
  
  // 打印单元格信息
  console.log("开始时间:" + cellData.date);
  console.log("结束时间:" + cellData.end_date);
  console.log("行索引:" + cellData.section);
  console.log("列索引:" + cellData.x);
  
  // 其他操作...
});

// 在页面中添加时间线视图
scheduler.init("scheduler_here", new Date(), "timeline");

在上述示例代码中,我们创建了一个名为"timeline"的时间线视图,并使用scheduler.attachEvent方法监听了时间线上的"onCellClick"事件。当用户点击时间线上的单元格时,会触发该事件,并执行相应的操作。在事件处理函数中,我们使用scheduler.getActionData方法获取单元格信息,并将其打印到控制台上。

请注意,上述示例代码中的sections变量表示时间线视图中的行,你需要根据实际情况进行定义和配置。

对于DHTMLX调度程序,腾讯云没有直接相关的产品或服务。然而,你可以将DHTMLX调度程序与腾讯云的其他云计算产品和服务结合使用,以构建完整的解决方案。例如,你可以使用腾讯云的云服务器(CVM)来托管和运行DHTMLX调度程序的后端代码,使用腾讯云数据库(TencentDB)来存储和管理相关数据,使用腾讯云CDN加速访问速度等。

希望以上信息能够对你有所帮助!如果你对其他云计算或IT互联网领域的问题有进一步的咨询,欢迎继续提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

免费JS甘特图组件dhtmlxgantt

默认布局为左侧是任务信息列表,右侧是甘特图时间线,自定义布局可在右侧、下方显示更多信息。 自定义布局可显示资源列表和资源的甘特图时间线,但仅Pro版本可用。...grid - 定义甘特图的表格,显示任务的表格ID为grid; timeline - 定义时间线,显示任务时间线ID为"timeline"; scrollbar - 滚动条(表格和时间线)....事件处理 https://docs.dhtmlx.com/gantt/desktop__handling_events.html 用户拖拽时间线、添加任务等事件的处理。...overlay: true 在甘特图上增加一个用户自定义的层来显示信息 fullscreen: true 全屏 grouping: true 按任务的任何属性来分组任务 keyboard_navigation...时间线时间轴的缩放(通过按钮或鼠标滚轮) 适应屏幕、放大、缩小: https://docs.dhtmlx.com/gantt/samples/03_scales/13_zoom_to_fit.html

17.3K31
  • 微信小程序获取位置信息

    微信小程序开发–获取位置信息 1 获取当前地理位置,首先要拿到用户的授权wx.openSetting 在用户首次进入某页面(需要地理位置授权)时候,在页面进行onLoad,onShow时候,进行调用...wx.getLocation的API } else { //调用wx.getLocation的API } } }) 2、微信小程序地图展示位置信息...在拿到用户授权以后,使用微信的API获取当前位置的经纬度微信获取位置API onLoad: function () { wx.getLocation({ success:...,获取定位信息(wx.chooseLocation)和使用微信内置地图查看位置(wx.openLocation) 3、结合百度地图获取位置信息 微信小程序的接口,只能得到经纬度,但有时候我们需要得到具体的城市或者区域信息...,可以log出信息,选择自己要显示的信息,用setData的方式放入数据中进行展示即可 var BMap = new bmap.BMapWX({ ak: that.data.ak,

    2.6K10

    微信小程序获取用户信息

    在微信小程序中,如果想获取用户的昵称等信息可以不用另外写后台,如果需要获取用户的unionId,则需要后台来提供获取sessionKey和解码encryptedData。...在app.js中可以判断用户是否授权过,如果授权过则不再进行授权,在有效期内科直接获取用户的信息 onLunch(){ // 获取用户信息 wx.getSetting({ success...获取unionid 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。...需要注意的一点是如果要获取unionid,则需要将小程序关联到微信开放平台,同时是已经认证过的账号。 登录流程时序 ?...在者就是需要搭建后台服务器来进行信息获取了。

    3.3K30

    微信小程序调用接口获取登录获取用户信息

    微信小程序 getPhoneNumber 获取手机号的功能需要需先调用 wx.login 接口,今天就来一篇 wx.login 接口和 wx.getUserInfo 接口的文章,这两个接口通常在小程序中还是十分常用的...wx.login 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)等。...接着,完成授权以后,通常的小程序都有一个我的页面,需要显示用户的头像以及微信名等,下面介绍 wx.getUserInfo 获取用户信息接口。...wx.getUserInfo 获取用户信息,withCredentials 为 true 时需要先调用 wx.login 接口,需要用户授权 scope.userInfo。...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:微信小程序调用接口获取登录获取用户信息

    6.7K50

    微信小程序-用户授权获取信息

    从2018年4月30日开始,小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口,将无法弹出授权询问框,默认调用失败(但不意味着 wx.getUserInfo 不能用了)。...小程序官网上提供两种方式来获取用户信息。...1、使用 open-data 展示用户基本信息 open-data是小程序提供的不需要用户授权获取用户信息的组件,但是不能通过js来拿值,所以只能作为开发人员快速开发显示用的。...官网文档:open-data开放展示用户信息组件 2、使用 button 组件,并将 open-type 指定为 getUserInfo 类型,获取用户基本信息(重要) 在之前使用wx.getUserInfo...返回值中只会出现小程序已经向用户请求过的权限。

    1.4K60

    如何在小程序获取用户信息

    在以前的文章中,我们介绍了小程序的登录鉴权功能,方便开发者去获取用户的appid和session_key以便确认用户的身份。但是,仅仅通过appid和session_key不能去获取用户的信息。...那么,这篇文章中,我们将介绍如何在小程序获取用户的昵称、头像、性别、城市等信息。...微信开发能力 open-data 在小程序1.4.0版本开始,小程序就已经支持了在前端展示用户信息的能力,这个能力我们称之为open - data。...wx.getUserInfo({ success(res) { console.log(res.userInfo) } }) } }) 这里的代码信息为将获取到的用户信息...[1548317415181] 这里只是最简单的获取用户信息,我们可以通过后端代码将其发至服务器或者展示在地方。如图所示,官方已经抛弃相关接口,所以开发者们请用下面的接口来进行用户信息获取

    6.6K81

    扩展和嵌入Python之获取程序出错信息

    程序调试的过程中,难免会有错误产生,谁也不希望程序出错后一点提示信息也没有,然后就挂了。...就像程序员最不喜欢写文档,然后也很痛恨接手的项目没有文档一样~~~如何获取嵌入Python的报错信息,就是本次的主要内容。...回想当时在网上找了好久,终于完成了上一次的程序,还兴奋了好一会儿~~但接下来的问题就是如何获取程序的出错信息。在基于上一次的程序基础上,得出的最终结果是不行!惊不惊喜?刺不刺激?...PyErr_NormalizeException(&ptype,&pvalue,&ptraceback)该函数用于将异常信息格式化输出,根据需要来使用。不使用的话会捕获到更原始的信息。...程序的最后部分是获取出错信息的位置,也就是行号。Pvalue捕获的是出错的内容,有时也会有行号。 至此,程序简单说明结束。下面给出脚本内容以及捕获的具体出错内容。 ? ?

    86530

    微信小程序wx.getUserInfo接口获取用户信息失败,新版SDK怎样获取用户信息

    一、简述 在微信小程序的官方文档中提到,调用wx.getUserInfo接口将能获取程序用户的信息,接口返回的信息格式如下 { "nickName": "Band", "gender": 1,...但是腾讯也提供了新的方式,以下演示获取用户信息的流程。...我们要获取用户信息,所以值指定的是getUserInfo,更多属性值可以参考微信小程序 bindtap:绑定一个授权结果回调函数,在js文件中创建对应方法,详细代码如下 onGotUserInfo:...因此可以使用bindgetuserinfo回调方法,获取用户信息,方便提交给业务服务器。 2.使用 open-data 展示用户基本信息 open-data控件用于展示微信开放的数据。...wx.getUserInfo接口,也就是说,我们要获取用户信息,需要引导用户手动点击一个button按钮弹出授权窗口,让用户手动授权,开发者才能成功获取用户信息

    3K20

    微信小程序地图实时定位_小程序获取当前位置定位信息

    程序获取当前位置,回到当前位置,地图定位,导航 效果 因为小程序更新了获取地理位置API接口,需要先在app.json中配置一下permission字段 ,不然会报微信小程序getLocation...: (不知道具体位置可以看这里,这里有整个app.json的配置) "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示...-- 这里的坐标本应该是从服务器获取数据的,这时丈先写死在页面上了 --> <view bindtap="onGuideTap" data-latitude='39.92392' data-longitude...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/188188.html原文链接:https://javaforall.cn

    4.1K10

    微信小程序登陆并获取用户信息

    1.小程序js端调用框架登陆API,获取到一个临时code,拿着这个code去调用自己的服务端接口 2.在自己的服务器端,使用app_id app_secrect code可以获取到用户的openid,...这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端 小程序端本地保存openid 3.获取用户信息很简单,并且不需要自己的服务器处理,只需要小程序端提供的API。...前端页面wxml使用一个按钮,按钮里增加几个属性,就可以回调到小程序js部分的方法上,并且带着用户的个人信息,如昵称 头像等 4.这个时候就可以把该用户的openid 和 昵称,头像,一块调用自己服务端接口...} } }) }, }) index.wxml 获取用户信息...url); $res = curl_exec($curl); curl_close($curl); echo $res; // 这里是获取到的信息

    2K20

    微信小程序获取用户信息(wx.getUserInfo)

    微信小程序获取用户信息API:wx.getUserInfo(Object object) 包含以下属性: 属性 类型 默认值 必填 说明 withCredentials boolean 否 是否带上登录态信息...openid 等敏感信息 rawData string 不包括敏感信息的原始数据字符串,用于计算签名 signature string 使用 sha1( rawData + sessionkey )...得到字符串,用于校验用户信息,详见 用户数据的签名验证和加解密 encryptedData string 包括敏感数据在内的完整用户信息的加密数据,详见 用户数据的签名验证和加解密 iv string...在用户已授权的情况下调用此接口,可成功获取用户信息。...success(res) {         if (res.authSetting['scope.userInfo']) {           // 已经授权,可以直接调用 getUserInfo 获取头像昵称

    2.4K20
    领券