用JavaScript创建网格容器
create grid container in JavaScript
我是javascript新手,有可能在WPF中创建类似"Grid"的类容器吗?没有jQuery等是可取的。我需要在下面的XAML代码中创建类似Grid的容器。
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid x:Name="grid1">
<Grid.RowDefinitions>
<RowDefinition Height="30*"></RowDefinition>
<RowDefinition Height="30*"></RowDefinition>
<RowDefinition Height="30*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100*">
</ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid x:Name="Grid2" Grid.Row="0" Grid.Column="0"></Grid>
</Grid>
您可以使用:
HTML标记:
<table id="grid1">
<tr class="row30">
<td class="column100">
<table id="Grid2"></table>
</td>
<td></td>
</tr>
<tr class="row30">
<td class="column100"></td>
<td></td>
</tr>
<tr class="row30">
<td class="column100"></td>
<td></td>
</tr>
</table>
CSS:
.row30{ height: 30px; }
.column100 { width: 100px; }
在HTML中,只有Table元素提供类似的行为。它需要用css进行扩展,但之后你可以创建一个网格状的体验。如果你想要更多的功能,比如排序、搜索和分页,我可以推荐jQueryDataTables。它是免费的,易于使用和快速。
这里有一些简单的JavaScript来装箱一个表
var container = document.getElementById("container");
var newInner = "<table>";
newInner += "<thead>";
newInner += "<tr>";
newInner += "<th>Column1</th>";
newInner += "<th>Column2</th>";
newInner += "</tr>";
newInner += "</thead>";
newInner += "<tbody>";
for (var i=0;i< 100;i++)
{
newInner += "<tr>";
newInner += "<td>Content" + i + "_1</td>";
newInner += "<td>Content" + i + "_2</td>";
newInner += "</tr>";
}
newInner += "</tbody>";
newInner += "</table>";
container.innerHTML = newInner;
我还创建了一个Fiddle,您可以在其中查看jQuery Datatables
相关文章:
- 使用导航属性创建Kendo UI网格模型的问题
- 如何在创建新网格之前销毁网格堆栈
- 如何在ExtJS网格上创建带有标签的文本字段
- 如何使用角度两个绑定来动态创建的剑道网格
- Kinetic.js–创建网格
- 创建过去365天的日历网格
- Three.js:我可以创建网格来替换很多对象吗
- 如何在Meteor.js中使用车把创建网格系统
- 如何在Jquery中使用kendo ui创建内联网格编辑
- 如何为剑道网格创建、更新和删除IList中的数据
- Masonry:在AJAX回调上创建一个网格
- JavaScript-从脚本中的单词列表创建一个html表或网格
- 如何使用javascript在选中网格视图复选框时创建表行
- 角度.js ng 重复用于创建网格
- C#网格视图从动态创建的DataTable中实现可点击单元格
- 我怎么能用Codeigniter在可滚动的部分创建一个无限向下滚动的网格加载程序呢
- 在网格内创建一个在单击时打开的菜单
- 为全局网格创建 LatLng 对数组
- 剑道UI网格创建聚合函数
- 在Javascript / jQuery中基于选项网格创建递归函数