• <menu id="w2i4a"></menu>
  • logo DevExpress使用教程

    文檔首頁>>DevExpress使用教程>>DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作


      當(dāng)開發(fā)者實(shí)際使用DXperience Universal Suite在創(chuàng)建儀表盤Dashboard時,就會深刻的體會到DevExpress所強(qiáng)調(diào)的易用性,接下來慧都將用圖文并茂的方式,以創(chuàng)建儀表盤的步驟來為您帶來,它實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作的具體教程。首先,創(chuàng)建儀表盤的最基本的任務(wù)之一:訪問數(shù)據(jù)。

    使用數(shù)據(jù)庫

      在這里,只需點(diǎn)擊“新數(shù)據(jù)源”,便能開始一個新的數(shù)據(jù)源訪問了。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      然后數(shù)據(jù)源向?qū)詣訂印?/p>

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      如果連接已經(jīng)建立,那連接到數(shù)據(jù)庫將是非常簡單直觀的。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      并能通過SQL查詢,過濾選擇出所需的表。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      任何選擇和過濾都是可以直接預(yù)覽的,其易用性可見非常。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      選擇完成后,點(diǎn)擊確定,然后就可以開始添加儀表盤元素和通過拖動數(shù)據(jù)項(xiàng)完成域綁定。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

    使用對象

      使用儀表盤對象也是非常簡單實(shí)用的。用以下三行代碼,便可以將數(shù)據(jù)源添加到儀表板。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      最后儀表盤的輸出如下圖。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

    儀表板元素的綁定

      DevExpress為了讓控件更易用,實(shí)現(xiàn)了每一個儀表板元素都采用(主要)相同的綁定機(jī)制。將每個元素的屬性分為值,參數(shù)和系列,如下圖所示。直接設(shè)置這些元素的值便能完成綁定。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作

      直接設(shè)置這些元素的值便能完成綁定。

    DevExpress使用教程:如何實(shí)現(xiàn)Dashboard中的數(shù)據(jù)操作




    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    023-68661681

    TOP
    三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();