1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <meta charset="UTF-8">
|
5 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
6 | <title>Title</title>
|
7 | <link rel="stylesheet" href="//design.yyuap.com/static/uploader/css/webuploader.css">
|
8 | <link rel="stylesheet" href="//design.yyuap.com/static/uui/latest/css/font-awesome.css">
|
9 | <link rel="stylesheet" type="text/css" href="//design.yyuap.com/static/uui/latest/css/u.css">
|
10 | <link rel="stylesheet" type="text/css" href="//design.yyuap.com/static/uui/latest/css/tree.css">
|
11 | <link rel="stylesheet" type="text/css" href="//design.yyuap.com/static/uui/latest/css/grid.css">
|
12 | <style id="demo-style" media="screen">
|
13 | </style>
|
14 | </head>
|
15 | <body style="background-color: #eceff1;margin-left: 20px;width: calc(100% - 20px );">
|
16 |
|
17 | <div id="demo3">
|
18 | <input u-meta='{"data":"dt3","field":"f1"}' />
|
19 | </div>
|
20 | <script src="//design.yyuap.com/static/jquery/jquery-1.11.2.js"></script>
|
21 | <script src="//design.yyuap.com/static/uploader/js/webuploader.js"></script>
|
22 | <script src="//design.yyuap.com/static/knockout/knockout-3.2.0.debug.js"></script>
|
23 | <script src="//design.yyuap.com/static/uui/latest/js/u-polyfill.js"></script>
|
24 | <script src="//design.yyuap.com/static/uui/latest/js/u.js"></script>
|
25 | <script src="//design.yyuap.com/static/uui/latest/js/u-tree.js"></script>
|
26 | <script src="//design.yyuap.com/static/uui/latest/js/u-grid.js"></script>
|
27 | <script src="//design.yyuap.com/static/requirejs/require.debug.js"></script>
|
28 | <script>
|
29 |
|
30 | var app,viewModel3;
|
31 | viewModel3 = {
|
32 | dt3: new u.DataTable({
|
33 | meta:{
|
34 | f1:{
|
35 | type:'string'
|
36 | }
|
37 | }
|
38 | })
|
39 | };
|
40 |
|
41 | app = u.createApp({
|
42 | el:'#demo3',
|
43 | model:viewModel3
|
44 | });
|
45 |
|
46 | var r = viewModel3.dt3.createEmptyRow();
|
47 | r.setValue('f1','test');
|
48 |
|
49 |
|
50 | viewModel3.dt3.on('valueChange', function(event){
|
51 | var oldValue = event.oldValue;
|
52 | var newValue = event.newValue;
|
53 | alert('dataTable原始值为:' + oldValue +'\n' + 'dataTable现在值为:' + newValue);
|
54 | });
|
55 | </script>
|
56 | </body>
|
57 | </html>
|