MVC框架中实现easy UI工具的使用@TOC
(1)复制文件至项目目录;
新建一个MVC框架后,用Visual Studio打开easyUI的demo(本例打开的是basic.html),将basic.html中的代码复制到新建MVC框架的视图中(本例复制到index.cshtml);
将basic.html“head”内的“link“”script” 标签所对应的文件复制到新建MVC框架项目的目录中,link\标签所指文件复制到项目的content目录,script标签所指文件复制到项目的scripts目录,如<link rel=“stylesheet” type=“text/css"href=”…/…/themes/default/easyui.css">就将easy UI目录中的…/…/themes/default/easyui.css复制到项目的content目录。
其中,复制icon.css时,需要将名为icon的文件夹一并复制到content目录(该文件夹存放图标)。
(2)显示所有文件;
第一步的文件复制工作完成后,在解决方案资源管理器中选择“显示所有文件”,图中蓝框选项
(3)将新增文件添加到项目中;
在解决方案资源管理器中选中content目录和scripts目录中新增的文件(按住CTRL实现多个文件同时选择),右击选择“添加到项目中”;
(4)路径更新;
将上一步中的文件直接从解决方案资源管理器中拖到中,即为新的路径,格式如下图所示,与原始的标签格式一致,删去原始的标签,完成该标签的更新,将第(3)中新添加到项目的文件全部执行以上路径更新操作,这一easyUI工具即为可用,根据自己的需求修改部分即可。