1. Q: Razor视图中怎么添加全局模型验证消息
A:使用ModelOnly
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
2.Q:树形表格,使用的是bootstrap-table+jquery.treegrid
A:
效果
参考的代码,某些地方添加了注释
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css" rel="stylesheet">
<link href="https://unpkg.com/bootstrap-table@1.15.5/dist/bootstrap-table.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-treegrid/0.2.0/js/jquery.treegrid.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.15.5/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.15.5/dist/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<table id="table"></table>
<script>
var $table = $('#table')
$(function() {
$table.bootstrapTable({
url: 'json/treegrid.json',
striped: true,
sidePagination: 'server',
idField: 'id',
showColumns: true,
columns: [
{
field: 'ck',
checkbox: true
},
{
field: 'name',
title: '名称'
},
{
field: 'status',
title: '状态',
sortable: true,
align: 'center',
formatter: 'statusFormatter'
},
{
field: 'permissionValue',
title: '权限值'
}
],
treeShowField: 'name',//注意
parentIdField: 'pid',//注意
onPostBody: function() {
var columns = $table.bootstrapTable('getOptions').columns
if (columns && columns[0][1].visible) {
$table.treegrid({
treeColumn: 1,
onChange: function() {
$table.bootstrapTable('resetWidth')
}
})
}
}
})
})
function statusFormatter(value, row, index) {
if (value === 1) {
return '<span class="label label-success">正常</span>'
}
return '<span class="label label-default">锁定</span>'
}
</script>
给复选框添加选择的点击功能,在一个表格中选中一行时,加载与此行有关的数据信息。其他的相关js的引用请自行添加
$RoleTable.on('check.bs.table uncheck.bs.table ' +
'check-all.bs.table uncheck-all.bs.table',
function () {
$('#RoleToNavi').prop('disabled', !$RoleTable.bootstrapTable('getSelections').length);
$.map($RoleTable.bootstrapTable('getSelections'),
function (row) {
roleId = row.Id;
$RoleNavigationTable.bootstrapTable('destroy');//销毁
$RoleNavigationTable.bootstrapTable({//重新加载
});
});
});
3.Q:Razor中定义函数~~~~
A:使用
@function
4.Q:EFCore中怎么设定decimal的精度,如果不设置精度的话,默认生成数据库(MariaDB)中默认精度是(65,30)
A:设置固定精度问题,示例代码如下
public class MyProjectContext : DbContext
{
public DbSet<Order> Orders { get; set; }
rotected override void OnModelCreating(DbModelBuilder modelBuilder)
{
base.OnModelCreating(modelBuilder);
modelBuilder.Entity<Order>(b =>
{
//配置订单的金额浮点数精度为decimal(18,6)
b.Property(p => p.Amount).HasColumnType("decimal(18,6)");
});
}
}
5.Q:WPF问题:mvvm模式下,怎么让点击按钮关闭窗口
A: 使用带参数的Command进行实现,具体代码如下:
//command定义
public ICommand CancelCommand { get; set; }
// CancelCommand实现
CancelCommand = new RelayCommand<Window>((window)=>
{
window.Close();
});
xaml:代码
<Window x:Class="MvvmCloseWindowApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:MvvmCloseWindowApp"
mc:Ignorable="d"
Name="MWindow"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Button Content="Close Window" Width="100" Height="25" Command="{Binding CancelCommand}" CommandParameter="{Binding ElementName=MWindow}" data-tomark-pass />
</Grid>
</Window>
6.Q:asp.net core mvc 将ViewBag中的数据在js中调用/在razor页面中的js代码调用razor变量
A:假设Action传递到Razor View页面一个参数:ViewBag.Title
,在JS中使用这个数据的话需要这样用'@ViewBag.Title'
,就是在@ViewBag.Title
两边加上引号,使用单引号或双引号,这两个都可以
可以使用 @param
,对于要获取的字符串,需要加引号,如'@param
,最好都加上引号,因为你不知道js引用后到底是什么类型的数据
7.Q:使用了Nigix代理后,在使用wpf客户端post方法提交数据时,出现如下错误:
<html><head><title>413 request Entity Too Large</title></head>
<body bgcolor="white">
<center><h1>413 Request Entity Too Large</h1></center>
<hr><center>nginx/1.10.3</center>
</body>
</html>
A:在nigix的配置文件中http{}内添加如下内容:
#设置允许发布内容为8M
client_max_body_size 8M;
client_body_buffer_size 128k;
8.Q:使用layx弹窗时,如果给父页面传递数据
A:请看例子,示例是在layer例子中看到的
父页面的js代码,其中父页面中包含一个名为Icon
的Input
<script type="text/javascript">
$('#IconBtn').on('click',//绑定IconBtn按钮的点击事件,弹出layx窗口
function () {
layx.iframe('icon', '请选择图标', '/Icon/FontAwesomeIcon');//加载一个图标选择页面
return false;//放在提交数据
});
</script>
在FontAwesomeIcon
页面中使用js代码,使用parent
可以获取父页面上的属性值并给它们赋值
$('#IconSaveBtn').on('click',//绑定IconSaveBtn按钮的点击事件,将选择的数据传到到父窗口
function () {
parent.$('#Icon').val($pickIcon.attr('class'));
parent.layx.destroy('icon');
});