kendo-ui+jquery 写表格两种方法

最新推荐文章于 2024-02-18 09:52:09 发布
最新推荐文章于 2024-02-18 09:52:09 发布
阅读量334 收藏
点赞数
分类专栏： kendo-ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woyizhizaizhaoni/article/details/103047073
版权

前台页面


// staffWage\orgExamForm\StaffWageOrgExamForm.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="renderer" content="webkit" />
        <title>用工单位项目人员工资表</title>
        <link href="../../../../styles/simple-line-icons.css" rel="stylesheet" />
        <link
            href="../../../../libs/kendoui.2018.3.1017/styles/kendo.common-bootstrap.min.css"
            rel="stylesheet"
        />
        <link
            href="../../../../libs/kendoui.2018.3.1017/styles/kendo.bootstrap.min.css"
            rel="stylesheet"
        />
        <link href="../../../../styles/emscss/nav_menu3.css" rel="stylesheet" />
        <link href="../../../../styles/emscss/style.css" rel="stylesheet" />
        <style>
            th[role='columnheader'] {
                text-align: center !important;
            }

            .clearfloat {
                clear: both;
            }

            #loading {
                position: fixed;
                top: 40%;
                left: 45%;
                z-index: 999;
            }

            .customGrid td[role='gridcell'] {
                text-align: right;
                padding: 4px;
                font-size: 12px;
                white-space: nowrap;
            }
        </style>
    </head>

    <body style="background-color: #FFFFFF; font-size:1.5em">
        <table border="0px" cellspacing="0" cellpadding="0" style="width:1000px;margin-left: 150px;margin-top:10px;margin-bottom: 10px;">
            <tr style="height:80px;">
                <td><label>送审意见</label></td>
                <td>
                    <textarea id="changeExamineOpinion" cols="100"  rows="10" style="width:100%;height:100%" class="k-textbox">
                    </textarea>
                </td>
            </tr>
            <tr style="height:30px;padding-left: 150px; margin-left: 50;">
                <td colspan="2">
                    <button id="agreeBtn" type="button" class="k-button k-primary" style="margin-right: 20px;">
                        审批通过
                    </button>
                    <button id="refuseBtn" type="button" class="k-button">
                        驳回
                    </button>
                </td>
            </tr> 
        </table>

        <br />
        <div style="overflow: auto; height:400px">
            <div id="moneyDetail" style="width:100%">
                <table border="1px" cellspacing="0" cellpadding="0" style="width:1000px;margin-left: 150px;">
                    <caption>
                        项目工资基本信息
                    </caption>
                    <tr>
                        <td style="width:150px;text-align: right;">
                            项目编号: 
                        </td>
                        <td>
                            <span style="width:150px;text-align: lfet;" id="projCode"></span>
                        </td>
                        <td style="width:150px;text-align: right;">
                            项目名称: 
                        </td>
                        <td>
                            <span style="width:150px;text-align: lfet;" id="projName"></span>
                        </td>
                        <td style="width:150px;text-align: right;">
                            用工单位: 
                        </td>
                        <td>
                            <span style="width:150px;text-align: lfet;" id="userOrg"></span>
                        </td>
                    </tr>
                    <tr>
                        <td style="width:150px;text-align: right;">
                            供应商名称: 
                        </td>
                        <td>
                            <span style="width:150px;text-align: lfet;" id="supplierName"></span>
                        </td>
                        <td style="width:150px;text-align: right;">
                            工资年月: 
                        </td>
                        <td>
                            <span style="width:150px;text-align: lfet;" id="yearMonth" ></span>
                        </td>
                        <td style="width:150px;text-align: right;">
                            工资总和: 
                        </td>
                        <td>
                            <span style="width:150px;text-align: lfet;" id="wagesSum"></span>
                        </td>
                    </tr>
                </table>
            </div>
            <br />
            <div id="wagesDetail" style='width:1000px;margin-left: 150px;'></div>
            <br />
            <div id="gridExamineLog"></div>
        </div>


        <script type="text/javascript" src="../../../../libs/jquery.1.12.4/jquery.min.js"></script>
        <script
            type="text/javascript"
            src="../../../../libs/kendoui.2018.3.1017/js/kendo.web.min.js"
        ></script>
        <script
            type="text/javascript"
            src="../../../../libs/kendoui.2018.3.1017/js/kendo.culture.zh-CN.min.js"
        ></script>
        <script
            type="text/javascript"
            src="../../../../libs/kendoui.2018.3.1017/js/kendo.messages.zh-CN.min.js"
        ></script>
        <script type="text/javascript" src="../../../../libs/kendo-plus.js"></script>
    </body>
</html>

 方法一：直接编辑添加kendoGrid()

// staffWage\orgExamForm\StaffWageOrgExamForm.ts

import Tools from '../../../../utils/Tools';
import ProcessService from '../../../../services/ProcessService';
import MoneyTabel from '../MoneyTableData';
import DataSourceFactory from '../../../../components/DataSourceFactory';

const tools: Tools = new Tools();
const processService = new ProcessService();
const moneyTabel = new MoneyTabel();
const search: string = window.location.search;

let tableName: string;
let processInstId: string;
let taskInstId: string;
let applyCode: string;
let sourceProjCode: string;
let newProjPostId: string;
let detail: kendo.data.DataSource;

kendo.culture('zh-CN');

if (location.href.split('?')[1] !== undefined) {
    processInstId = tools.GetQueryString('process_inst_id', search);
    taskInstId = tools.GetQueryString('task_inst_id', search);
    tableName = tools.GetQueryString('tableName', search);
}

$(function () {
    $('#agreeBtn').kendoButton({
        click() {
            agree();
        }
    });
    $('#refuseBtn').kendoButton({
        click() {
            refuse();
        }
    });

    const dataList: kendo.data.DataSource = DataSourceFactory.createBaseFrontNoRoot('/api/staff/supplierPersonMoney/procPerMoneyDet?processInstId=' + processInstId + '&processResultCode=' + '审核');
    dataList.bind('change', (elem: kendo.data.Model) => {
        if (dataList.view().length > 0) {
            $('#projCode').html(dataList.view()[0].get("projCode"));
            $('#projName').html(dataList.view()[0].get("projName"));
            $('#userOrg').html(dataList.view()[0].get("orgName"));
            $('#supplierName').html(dataList.view()[0].get("supplierName"));
            $('#yearMonth').html(dataList.view()[0].get("yearMonth"));
            $('#wagesSum').html(dataList.view()[0].get("moneySum"));
        }
    })

    $('#wagesDetail').kendoGrid({
        dataSource: dataList,
        height: 300,
        resizable: true,
        sortable: true,
        columns: [
            { field: 'id', title: '序号', 'width': 50 },
            { field: 'yearMonth', title: '工资年月', width: 150 },
            { field: 'personName', title: '姓名', 'width': 50 },
            { field: 'personIdCode', title: '身份证号', width: 150 },
            { field: 'moneyBzgz', title: '标准工资', 'width': 50 },
            { field: 'moneyAdd', title: '加班费', width: 150 },
            { field: 'moneyJj', title: '奖金', 'width': 50 },
            { field: 'moneyKk', title: '扣款', width: 150 },
            { field: 'moneyEiBaseCount', title: '养老保险基数', width: 150 },
            { field: 'moneyMiBaseCount', title: '医疗保险基数', width: 150 },
            { field: 'moneyEi', title: '个人养老保险', width: 150 },
            { field: 'moneyMi', title: '个人医疗保险', width: 150 },
            { field: 'moneySy', title: '个人失业保险', width: 150 },
            { field: 'moneyGjj', title: '个人住房积金', width: 150 },
            { field: 'moneyDb', title: '个人大病保险', width: 150 },
            { field: 'moneyYlgz', title: '应领工资', width: 150 },
            { field: 'moneySds', title: '个人所得税额', width: 150 },
            { field: 'moneyJlgz', title: '净领工资', width: 150 },
            { field: 'moneyEiQ', title: '企业养老保险', width: 150 },
            { field: 'moneyMiQ', title: '企业医疗保险', width: 150 },
            { field: 'moneySyQ', title: '企业失业保险', width: 150 },
            { field: 'moneyGsQ', title: '企业工伤保险', width: 150 },
            { field: 'moneyBiQ', title: '企业生意保险', width: 150 },
            { field: 'moneyGjjQ', title: '企业住房公积金', width: 150 },
            { field: 'moneyGhQ', title: '工会缴费', width: 150 },
            { field: 'moneyGsbzQ', title: '工伤补助保险', width: 150 },
            { field: 'moneyDbQ', title: '企业大病保险', width: 150 },
            { field: 'moneyGlfQ', title: '管理费', width: 150 },
            { field: 'moneySfQ', title: '税费', width: 150 },
            { field: 'littleSum', title: '小计', width: 150 },
            { field: 'moneySum', title: '合计', width: 150 },
            { field: 'moneyRemark', title: '备注', width: 150 }
        ]
    });
    // moneyTabel.tableLoad(dataList);
    processService.loadExamineLogTemplate(processInstId, $('#gridExamineLog'));
})


function agree() {
    const changeExamineOpinion: string = $('#changeExamineOpinion').val();
    if (changeExamineOpinion !== null && changeExamineOpinion !== '') {


    }
    else {
        alert('审批意见必须填写！');
    }
}
function refuse() {
    const changeExamineOpinion: string = $('#changeExamineOpinion').val();
    if (changeExamineOpinion !== null && changeExamineOpinion !== '') {


    }
    else {
        alert('审批意见必须填写！');
    }
}

function commonFun() {

}

方法二：自定义表格-绑定数据

// staffWage\orgExamForm\StaffWageOrgExamForm.ts

import Tools from '../../../../utils/Tools';
import ProcessService from '../../../../services/ProcessService';
import MoneyTabel from '../MoneyTableData';
import DataSourceFactory from '../../../../components/DataSourceFactory';

const tools: Tools = new Tools();
const processService = new ProcessService();
const moneyTabel = new MoneyTabel();
const search: string = window.location.search;

let tableName: string;
let processInstId: string;
let taskInstId: string;
let applyCode: string;
let sourceProjCode: string;
let newProjPostId: string;
let detail: kendo.data.DataSource;

kendo.culture('zh-CN');

if (location.href.split('?')[1] !== undefined) {
    processInstId = tools.GetQueryString('process_inst_id', search);
    taskInstId = tools.GetQueryString('task_inst_id', search);
    tableName = tools.GetQueryString('tableName', search);
}

$(function () {
    $('#agreeBtn').kendoButton({
        click() {
            agree();
        }
    });
    $('#refuseBtn').kendoButton({
        click() {
            refuse();
        }
    });

    const dataList: kendo.data.DataSource = DataSourceFactory.createBaseFrontNoRoot('/api/staff/supplierPersonMoney/procPerMoneyDet?processInstId=' + processInstId + '&processResultCode=' + '审核');
    dataList.bind('change', (elem: kendo.data.Model) => {
        if (dataList.view().length > 0) {
            $('#projCode').html(dataList.view()[0].get("projCode"));
            $('#projName').html(dataList.view()[0].get("projName"));
            $('#userOrg').html(dataList.view()[0].get("orgName"));
            $('#supplierName').html(dataList.view()[0].get("supplierName"));
            $('#yearMonth').html(dataList.view()[0].get("yearMonth"));
            $('#wagesSum').html(dataList.view()[0].get("moneySum"));
        }
    })

    moneyTabel.tableLoad(dataList);
    processService.loadExamineLogTemplate(processInstId, $('#gridExamineLog'));
})


function agree() {
    const changeExamineOpinion: string = $('#changeExamineOpinion').val();
    if (changeExamineOpinion !== null && changeExamineOpinion !== '') {


    }
    else {
        alert('审批意见必须填写！');
    }
}
function refuse() {
    const changeExamineOpinion: string = $('#changeExamineOpinion').val();
    if (changeExamineOpinion !== null && changeExamineOpinion !== '') {


    }
    else {
        alert('审批意见必须填写！');
    }
}

function commonFun() {

}

// staffWage\MoneyTable.hbs
<div style="overflow:auto;">
    <table border="1px" cellspacing="0" cellpadding="0" style="width:1000px; margin-top:10px;">
        <caption>
        工资明细表
       </caption>
    <thead style="height: 50px;">
        <th style="text-align:center;width:50px">序号</th>
        <th style="width:100px">工资年月</th>
        <th style="width:100px">姓名</th>
        <th style="width:100px">身份证号</th>
        <th style="width:100px">标准工资</th>
        <th style="width:100px">加班费</th>
        <th style="width:100px">奖金</th>
        <th style="width:100px">扣款</th>
        <th style="width:100px">养老保险基数</th>
        <th style="width:100px">医疗保险基数</th>
        <th style="width:100px">个人养老保险</th>
        <th style="width:100px">个人医疗保险</th>
        <th style="width:100px">个人失业保险</th>
        <th style="width:100px">个人住房积金</th>
        <th style="width:100px">个人大病保险</th>
        <th style="width:100px">应领工资</th>
        <th style="width:100px">个人所得税额</th>
        <th style="width:100px">净领工资</th>
        <th style="width:100px">企业养老保险</th>
        <th style="width:100px">企业医疗保险</th>
        <th style="width:100px">企业失业保险</th>
        <th style="width:100px">企业工伤保险</th>
        <th style="width:100px">企业生意保险</th>
        <th style="width:150px">企业住房公积金</th>
        <th style="width:100px">工会缴费</th>
        <th style="width:100px">工伤补助保险</th>
        <th style="width:100px">企业大病保险</th>
        <th style="width:100px">管理费</th>
        <th style="width:100px">税费</th>
        <th style="width:100px">小计</th>
        <th style="width:100px">合计</th>
        <th style="width:100px">备注</th>
    </thead>
    <tbody id="gridFileBody">
        {{#if data.length}}
        {{#each data}}
        <tr>
            <td style="text-align:center;">{{id}}</td>
            <td>{{yearMonth}}</td>
            <td>{{personName}}</td>
            <td>{{personIdCode}}</td>
            <td>{{personIdCode}}</td>
            <td>{{moneyBzgz}}</td>
            <td>{{moneyAdd}}</td>
            <td>{{moneyJj}}</td>
            <td>{{moneyKk}}</td>
            <td>{{moneyEiBaseCount}}</td>
            <td>{{moneyMiBaseCount}}</td>
            <td>{{moneyEi}}</td>
            <td>{{moneyMi}}</td>
            <td>{{moneySy}}</td>
            <td>{{moneyGjj}}</td>
            <td>{{moneyDb}}</td>
            <td>{{moneyYlgz}}</td>
            <td>{{moneySds}}</td>
            <td>{{moneyJlgz}}</td>
            <td>{{moneyEiQ}}</td>
            <td>{{moneyMiQ}}</td>
            <td>{{moneySyQ}}</td>
            <td>{{moneyGsQ}}</td>
            <td>{{moneyBiQ}}</td>
            <td>{{moneyGjjQ}}</td>
            <td>{{moneyGhQ}}</td>
            <td>{{moneyGsbzQ}}</td>
            <td>{{moneyDbQ}}</td>
            <td>{{moneyGlfQ}}</td>
            <td>{{moneySfQ}}</td>
            <td>{{littleSum}}</td>
            <td>{{moneySum}}</td>
            <td>{{moneyRemark}}</td>
        </tr>
        {{/each}}
        {{/if}}
    </tbody>
    </table>
</div>
//  staffWage\MoneyTableData.ts
import moneyTableView from '../staffWage/MoneyTable.hbs';

export default class MoneyTableData {
    public tableLoad(dataList: kendo.data.DataSource) {
        dataList.fetch(() => {
            const dataItem = dataList.data();
            let data = [];
            for (let i = 0; i < dataItem.length; i++) {
                data.push({
                    'id': dataItem[i].id,
                    'yearMonth': dataItem[i].yearMonth,
                    'personName': dataItem[i].personName,
                    'personIdCode': dataItem[i].personIdCode,
                    'moneyBzgz': dataItem[i].moneyBzgz,
                    'moneyAdd': dataItem[i].moneyAdd,
                    'moneyJj': dataItem[i].moneyJj,
                    'moneyKk': dataItem[i].moneyKk,
                    'moneyEiBaseCount': dataItem[i].moneyEiBaseCount,
                    'moneyMiBaseCount': dataItem[i].moneyMiBaseCount,
                    'moneyEi': dataItem[i].moneyEi,
                    'moneyMi': dataItem[i].moneyMi,
                    'moneySy': dataItem[i].moneySy,
                    'moneyGjj': dataItem[i].moneyGjj,
                    'moneyDb': dataItem[i].moneyDb,
                    'moneyYlgz': dataItem[i].moneyYlgz,
                    'moneySds': dataItem[i].moneySds,
                    'moneyJlgz': dataItem[i].moneyJlgz,
                    'moneyEiQ': dataItem[i].moneyEiQ,
                    'moneyMiQ': dataItem[i].moneyMiQ,
                    'moneySyQ': dataItem[i].moneySyQ,
                    'moneyGsQ': dataItem[i].moneyGsQ,
                    'moneyBiQ': dataItem[i].moneyBiQ,
                    'moneyGjjQ': dataItem[i].moneyGjjQ,
                    'moneyGhQ': dataItem[i].moneyGhQ,
                    'moneyGsbzQ': dataItem[i].moneyGsbzQ,
                    'moneyDbQ': dataItem[i].moneyDbQ,
                    'moneyGlfQ': dataItem[i].moneyGlfQ,
                    'moneySfQ': dataItem[i].moneySfQ,
                    'littleSum': dataItem[i].littleSum,
                    'moneySum': dataItem[i].moneySum,
                    'moneyRemark': dataItem[i].moneyRemark
                });
            }
            const moneyView = moneyTableView({ 'data': data });
            $('#wagesDetail').append(moneyView);
        });
    }

}

 

孤城冰
关注
专栏目录
Kendo UI开发教程: Kendo UI 示例及总结
引路蜂移动软件
09-09 1万+
前面基本介绍完Kendo UI开发的基本概念和开发步骤，Kendo UI的示例网站为http://demos.kendoui.com/ ，包含了三个部分Web DemoMobile DemoDataViz Demo主要提供了每个部分UI组件的具体用法，比如Web Demos 包含了下面Mobile Demo 包含下面示例：DataViz Deom 包含下面示例：在正式开发Kendo Web应用前，
kendo-ui-for-jquery:Kendo UI培训材料
05-10
cd kendo-ui-for-jquery 滑梯 如果您已克隆存储库，请打开slides / kendo-ui jquery.pptx或直接签出幻灯片。 运行演示 操场 包含现场演示的样板代码。 如果要与演示者一起编码，请在首选的编辑器中准备好该文件夹。 ...
Kendoui grid多级分组表格展现
03-19
应用kendoui grid实现的多级分组表格展现，里面包含了表格的分组统计以及单表合计功能、还有针对表格的刷新以及子表格刷新功能。此功能是在原有demo版本上改进，增加了很多的个别需求实现，在原来的版本是做不到的。 具体的引用js和style我没有上传，此代码只是备忘以及便于各位在使用kendoui这个插件时能更多的运用一些技巧的处理，所以只提供了查看的代码以及极个别的js部分。 应用kendoui版本：kendoui.trial.2012.3.1114
UI组件库Kendo UI for jQuery R3 2021 - 支持jQuery 3.6.0
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
10-09 687
9月我们正式迎来了Kendo UI for jQueryR3 2021新版！在我们的新版中，添加了高度需求的组件，如 OrgChart、Heatmap、Popover 和 Captcha，以及现有组件中的各种功能，同时还发布了全新的UI Kit for Figma组件！接下来，跟我们一起了解一下这些功能吧！ Kendo UI for jQuery R3 2021最新版下载 支持jQuery 3.6.0 首先，R3 2021Kendo UI for jQuery官方正式支持jQuery 3.6.0，..
Kendo UI，一个加速Web应用界面开发的JavaScript组件库！
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
07-25 1247
本文主要介绍Kendo UI组件库，看它如何助力Web开发人员构建更现代化的应用程序！
kendo Ui简介
culous的博客
05-24 1万+
目前移动HTML5带UI的开发框架层出不穷，常见的有Sencha Touch、jQuery Mobile前者效果较好，收费，学习成本高；后者效果一般，但兼容性好，免费，学习成本低，会jquery的同学上手快。其实还有一个夹在两者之间的框架叫Kendo UI.kendoui分三部分： Kendo UI Web包含所有创建高速HTML5 web app的必备元素：UI组件、数据源、验证、一个MVVM框
kendo-grid-scroll:程序网格滚动选择 kendo-ui 库。 自动支持网格的虚拟模式
06-29
kendo-ui 库的程序网格滚动。 支持本地和远程数据源，网格的虚拟模式。 一个演示是可在Github上页网页的剑道网-滚动。 基本用法 // some grid $ ( "#grid" ) . kendoGrid ( { dataSource : { data : data , ...
kendo-ui-core
07-21
Kendo UI Core 是 Kendo UI 的免费开源版本，可提供对 Web 最佳 UI 小部件和关键框架功能的访问，这对于开发出色的 Web 和移动体验至关重要。 剑道UI核心的特点 Kendo UI Core 是 Kendo UI 的免费开源子集。 下表...
Kendo UI for jQuery 2023.1.117 (Win)
04-12
完整的组件集合使公司名称为Telerik DevCraft，并且与HTML5相关的组件的名称为Kendo UI供应时间。 还有，Telerik Platform标题，即与移动设备行业有关的常规组件。该模块化平台将一系列丰富的UI工具与强大的云服务...
kendo-ui-for-angular
05-03
该存储库包含幻灯片，示例项目和样板代码，用于使用Angular和Kendo UI进行交互式演示项目。 先决条件 克隆 git clone https://github.com/newventuresoftware/kendo-ui-for-angular.git cd kendo-ui-for-angular ...
kendoui | 剑道UI（最新版、完整实例、安装包）
09-05
Kendo UI framework is developed by Telerik - a leading provider of UI components for web, desktop and mobile applications. Trusted by over 100,000 customers worldwide for our devotion to quality and industry-best technical support, Telerik helps professionals maximize their productivity and "deliver more than expected" every day.
Kendo UI官方demo
04-30
Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。
Kendo UI for jQuery 2018.3.1017
10-26
Kendo UI for jQuery提供了在短时间内构建现在Web应用程序所需要的一切。从70多个UI中选择，并轻松地将它们组合起来，创建出酷炫响应式的应用程序，同时将开发时间加快了50%。
ui jquery kendo ui 一个不错的国外ui kendoui 又名剑道UI
12-25
ui jquery kendo ui 一个不错的国外ui kendoui 又名剑道UI ui jquery kendo ui 一个不错的国外ui kendoui 又名剑道UI
Kendo ui 使用总结----Kendo UI 模板
u012658972的博客
07-13 2106
近来工作用到了一个未接触过的前端框架，在使用中有一些心得体会，记录下来，只是一部分心得，后期再补充。。 Kendo UI 模板 模板语法 Kendo 模板使用了一种称为“#”的语法形式，使用这种语法，#用来表明模板中的某个部分可以使用 JavaScript 数据来替代,这个玩意很有用。 用三种方式使用 # 语法： 1.显示字面量 #=# 2.显示HTML元素 #：# 3.执...
我的KendoUI使用经验总结
热门推荐
分享技术，共同进步!
10-23 1万+
kendoUI的文档大多外国网站，访问速度很尴尬。这边梳理我开发过程中遇到的一些重要的问题。 (1) 要想使用kendo对象的属性或方法，必须将所需html元素绑定kendo对象。 var editDiv = $(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;#editWindow&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;a...
2024年首发！高级界面控件Kendo UI全新发布2024 Q1
最新发布
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
02-18 467
提供高级UI功能Kendo UI全新发布2024 Q1，此版本添加多项式趋势线、支持从Excel粘贴网格等，欢迎下载新版体验！
UI组件库Kendo UI for Vue原生组件中文 - 按钮概述
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
07-20 834
本文主要为大家介绍如何开始使用Kendo UI for Vue组件各类型的按钮，欢迎下载最新版控件体验！
Kendo UI常用示例汇总（十六）
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
08-12 428
Kendo UI Professional 提供开源和商业两个版本。开源版 Kendo UI Core，有40+个框架和组件；商业版整合了之前的Kendo UI Web、Kendo UI Mobile 和 Kendo UI DataViz ，一共有70+个框架和组件。作为Kendo UI的升级版，Kendo UI Professional既可以开发网页版应用程序，也可以开发移动版应用程序，
kendoui.for.jquery
08-07
Kendoui for jQuery 包含多个组件，如表格、图表、日历、下拉框等。开发者可以通过简单的代码调用和配置，实现各种常见的Web界面需求。这些组件具备强大的功能和丰富的自定义选项，可以满足不同项目的需求。 使用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值