鸟栖沙岩 | OurJS

DevExtreme是一款为移动开发者精心准备的，跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。慧都控件网将为您汇总DevExtreme相关的视频教程，以便您学习与使用DevExtreme。

DevExpress DevExtreme

001 DevExpress DevExtreme入门视频一：Getting Started

002 DevExpress DevExtreme入门视频二：创建跨平台应用程序

003 DevExpress DevExtreme入门视频三：测试应用程序

点击原文查看更多

未发布最常用的DevExpress Winform 4个代码片段

by 鸟栖沙岩 keys 分享 1482213036220

一、GridControl的删除操作

private void rILinkEditInfoDel_Click(object sender, EventArgs e)
{
     if (XtraMessageBox.Show("请确定是否删除当前记录？", "警告",MessageBoxButtons.YesNo, MessageBoxIcon.Warning) == DialogResult.Yes)
     {
         DataRow row =gvInfos.GetDataRow(gvInfos.FocusedRowHandle);
         delByCode(row["Code"].ToString());
         XtraMessageBox.Show("操作成功！");
     }
}

二、绑定非数据表中列

Hashtable ht = new Hashtable();

private void gridView6_CustomUnboundColumnData(object sender, DevExpress.XtraGrid.Views.Base.CustomColumnDataEventArgse)
{
     GridView View = sender as GridView;
     if (e.RowHandle >= 0)
     {
         object needAlert =View.GetRowCellValue(e.RowHandle, View.Columns["needAlert"]);
         if (needAlert != null &needAlert != DBNull.Value && needAlert.ToString().Trim() !="0" & View.GetRowCellValue(e.RowHandle,View.Columns["Value"]) != DBNull.Value)
         {
            decimal AverValue = Convert.ToDecimal(View.GetRowCellValue(e.RowHandle,View.Columns["Value"]));
             objectMinValue = View.GetRowCellValue(e.RowHandle,View.Columns["MinValue"]);
             objectMaxVlaue = View.GetRowCellValue(e.RowHandle,View.Columns["MaxValue"]);
             if(MinValue != DBNull.Value & MinValue != null & MaxVlaue.ToString() !="" & MaxVlaue != DBNull.Value && MaxVlaue != null &MaxVlaue.ToString() != "")
             {
                decimal gridColumn2 = Convert.ToDecimal(View.GetRowCellValue(e.RowHandle,View.Columns["MinValue"]));
                decimal gridColumn1 = Convert.ToDecimal(View.GetRowCellValue(e.RowHandle,View.Columns["MaxValue"]));
                if (gridColumn2 > AverValue || AverValue > gridColumn1)
                {
                    if (!ht.ContainsKey("pic"))
                        ht.Add("pic", GetImage(1));
                    e.Value = ht["pic"];
                }
             }
         }
     }
}

/// <summary>
/// 由资源文件获取图片
/// </summary>
/// <param name="key"></param>
/// <returns></returns>
byte[] GetImage(int key)
{
     Image img =DevExpress.Utils.Controls.ImageHelper.CreateImageFromResources(string.Format("RiverSys.Resources.{0}.gif",key.ToString()), typeof(RiverInfos).Assembly);
     returnDevExpress.XtraEditors.Controls.ByteImageConverter.ToByteArray(img,ImageFormat.Gif);
}

/// <summary>
/// 动态根据条件设置行样式
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void gridView6_RowStyle(object sender,DevExpress.XtraGrid.Views.Grid.RowStyleEventArgs e)
{
     GridView View = sender as GridView;
     if (e.RowHandle >= 0)
     {
         object needAlert =View.GetRowCellValue(e.RowHandle, View.Columns["needAlert"]);
         if (needAlert != null &needAlert != DBNull.Value && needAlert.ToString().Trim() !="0" & View.GetRowCellValue(e.RowHandle,View.Columns["Value"]) != DBNull.Value)
         {
            decimal AverValue = Convert.ToDecimal(View.GetRowCellValue(e.RowHandle, View.Columns["Value"]));
             objectMinValue = View.GetRowCellValue(e.RowHandle,View.Columns["MinValue"]);
             objectMaxVlaue = View.GetRowCellValue(e.RowHandle,View.Columns["MaxValue"]);
             if(MinValue != DBNull.Value & MinValue != null & MaxVlaue.ToString() !="" & MaxVlaue != DBNull.Value && MaxVlaue != null &MaxVlaue.ToString() != "")
             {
                decimal gridColumn2 = Convert.ToDecimal(MinValue);
                decimal gridColumn1 = Convert.ToDecimal(MaxVlaue);
                if (gridColumn2 > AverValue || AverValue > gridColumn1)
                {
                    e.Appearance.ForeColor = Color.Red;
                    e.Appearance.BackColor = Color.LightGray;
                }
             }
         }
     }
}

三、GridControl 中颜色选择控件

private void gvMapColor_CustomUnboundColumnData(object sender,DevExpress.XtraGrid.Views.Base.CustomColumnDataEventArgs e)
{
     GridView view = sender as GridView;
     DataView dv = view.DataSource as DataView;
     if (e.IsGetData)
     {
         string strVal =dv[e.ListSourceRowIndex]["Color"].ToString();
         if (strVal != "")
         {
            //e.Value = DevExpress.Utils.StyleLayout.ColorFromString(strVal);
            e.Value = Common.HexToColor(strVal);
         }
     }
     else
     {
         //Color colorVal =DevExpress.Utils.StyleLayout.ColorFromString(e.Value.ToString());
         Color colorVal =(Color)e.Value;
        dv[e.ListSourceRowIndex]["Color"] =Common.RGB_HEX(colorVal.ToArgb());
     }
}

四、关于 GridControl 验证示例

private void gvMapColor_CustomUnboundColumnData(object sender,DevExpress.XtraGrid.Views.Base.CustomColumnDataEventArgs e)
{
     GridView view = sender as GridView;
     DataView dv = view.DataSource as DataView;
     if (e.IsGetData)
     {
         string strVal =dv[e.ListSourceRowIndex]["Color"].ToString();
         if (strVal != "")
         {
            //e.Value = DevExpress.Utils.StyleLayout.ColorFromString(strVal);
            e.Value = Common.HexToColor(strVal);
         }
     }
     else
     {
         //Color colorVal =DevExpress.Utils.StyleLayout.ColorFromString(e.Value.ToString());
         Color colorVal =(Color)e.Value;
        dv[e.ListSourceRowIndex]["Color"] =Common.RGB_HEX(colorVal.ToArgb());
     }
}

四、关于 GridControl 验证示例

/**//// <summary>
/// 初始化GridView，绑定数据
/// </summary>
/// <param name="parentId"></param>
private void GridViewBindData(string parentId)
{
this.gridView1.Columns.Clear();
this.FDs= areaSetupActionHelper.getDsRegionByParentId(parentId);
this.gridCArea.DataSource =this.FDs.Tables[0].DefaultView;

    this.gridView1.Columns["id"].VisibleIndex =-1;
    this.gridView1.Columns["childCounts"].VisibleIndex= -1;

    this.gridView1.Columns["reg_id"].Caption ="区划编号";
    this.gridView1.Columns["reg_name"].Caption ="区划名称";
    this.gridView1.Columns["parent_id"].Caption ="父区划编号";
    this.gridView1.Columns["reg_desc"].Caption ="区划描述";
    this.gridView1.Columns["parent_id"].ImageIndex =1;
    this.gridView1.Columns["reg_desc"].ImageIndex = 0;

    RepositoryItemTextEdit textEditReg_Id = newRepositoryItemTextEdit();
    textEditReg_Id.Mask.EditMask =parentId+"\\d{2,3}";
    textEditReg_Id.Mask.MaskType =DevExpress.XtraEditors.Mask.MaskType.Regular;

    this.gridView1.Columns["reg_id"].ColumnEdit =textEditReg_Id;

    this.gridView1.Columns["reg_desc"].ColumnEdit= new RepositoryItemMemoExEdit();

    TreeListNode node =this.treelArea.FocusedNode.ParentNode;
    string fid =node==null?"0":node.GetValue("RegID").ToString().Trim();
    DataSet ds =areaSetupActionHelper.getDsRegionByParentId(fid);
    RepositoryItemLookUpEdit lookUEParent_Id = newRepositoryItemLookUpEdit();
    lookUEParent_Id.Columns.Add(newLookUpColumnInfo("reg_id", 40, "区划编号"));
    lookUEParent_Id.Columns.Add(newLookUpColumnInfo("reg_name", 40, "区划名称"));
    lookUEParent_Id.DataSource = ds.Tables[0].DefaultView;
    lookUEParent_Id.ValueMember = "reg_id";
    lookUEParent_Id.DisplayMember = "reg_id";
    this.gridView1.Columns["parent_id"].ColumnEdit =lookUEParent_Id;
}
/**//// <summary>
/// gridView单元格验证的相关处理程序
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void gridView1_ValidatingEditor(objectsender, DevExpress.XtraEditors.Controls.BaseContainerValidateEditorEventArgs e)
{
if (e.Valid == false&this.gridView1.FocusedColumn.FieldName =="reg_id")
{
      e.ErrorText = "区划编号不合法！\n应为父区划编号加2～3位数据组成！";   
    }
    if (this.gridView1.FocusedColumn.FieldName =="reg_name")
    {     
     Regex reg=new Regex(@"[\u4e00-\u9fa5]{1,20}");
     Match m=reg.Match(e.Value.ToString().Trim());
     if (m.Length != e.Value.ToString().Trim().Length)
     {
      e.Valid = false;
      e.ErrorText = "区划名称应为汉字\n长度为1至20";
     }
    }
}

private void gridView1_InvalidValueException(objectsender, InvalidValueExceptionEventArgs e)
{
    if (MyDialog.Alert("　您所填写的内容不符合规则\n　要放弃您刚才对此项所做的更改吗？", "您所编辑的内容不符合规则", MessageBoxButtons.YesNo, MessageBoxIcon.Warning) ==DialogResult.Yes)
    {
     e.ExceptionMode = ExceptionMode.Ignore;
    }
}

/**//// <summary>
/// gridView行验证的相关处理程序
/// </summary>
private void gridView1_ValidateRow(objectsender, DevExpress.XtraGrid.Views.Base.ValidateRowEventArgs e)
{
string regid = this.gridView1.GetRowCellValue(e.RowHandle,"reg_id").ToString().Trim();
string regName = this.gridView1.GetRowCellValue(e.RowHandle,"reg_name").ToString().Trim();
if ( regid.Length < 1)
{
     e.Valid = false;
    this.gridView1.SetColumnError(this.gridView1.Columns["reg_id"],"请填写区划编号!",DevExpress.XtraEditors.DXErrorProvider.ErrorType.Default);
      // e.ErrorText = "区划名称不能为空!";
    }
    if (regName.Length < 1)
    {
     e.Valid = false;
    this.gridView1.SetColumnError(this.gridView1.Columns["reg_name"],"区划名称不能为空!",DevExpress.XtraEditors.DXErrorProvider.ErrorType.Default);
    }
}

private void gridView1_InvalidRowException(object sender,DevExpress.XtraGrid.Views.Base.InvalidRowExceptionEventArgs e)
{

    if (e.RowHandle >= 0)
    {
     if (this.gridView1.GetRowCellValue(e.RowHandle,this.gridView1.Columns["reg_id"]).ToString().Trim() == ""|| this.gridView1.GetRowCellValue(e.RowHandle,this.gridView1.Columns["reg_name"]).ToString().Trim() =="")
     {
      if (MyDialog.Alert(" 　您所填写的内容不符合规则\n　要放弃您刚才对此项所做的更改吗？","您所编辑的内容不符合规则", MessageBoxButtons.YesNo,MessageBoxIcon.Warning) == DialogResult.Yes)
      {
       e.ExceptionMode = ExceptionMode.Ignore;
      }
      else
      {
       e.ExceptionMode = ExceptionMode.NoAction;
      }
     }
    }
    else
    {
     e.ExceptionMode = ExceptionMode.Ignore;
    }
}

未发布【图表】Highcharts基础教程（一）：Highcharts 的主要组成

by 鸟栖沙岩 keys 分享 1467792501114

通常情况下，Highcharts包含标题（Title）、坐标轴（Axis）、数据列（Series）、数据提示框（Tooltip）、图例（Legend）、版权信息（Credits）等，高级的还包括导出功能按钮（Exporting）、标示线（PlotLines）、标示区域（PlotBands）等。

未发布报表工具JasperReports入门教程

by 鸟栖沙岩 keys 分享 1487214806930

JasperReports是一个基于Java的开源报表工具，它可以在Java环境下像其它IDE报表工具一样来制作报表。JasperReports 支持PDF、HTML、XLS、CSV和XML文件输出格式，是当前Java开发者最常用的报表工具。本文整理了一些JasperReports的入门视频教程，希望对各位有所帮助。

1）用示例数据库创建Jasper报表

2）用JDBC connections创建Jasper报表

4）设置bean集

6）级联参数

10）样式的运用

未发布 Node.js入门系列视频教程

by 鸟栖沙岩 keys 分享 1487316048006

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。本文整理了一些Node.js的入门视频教程，希望对各位有所帮助。
1）Node.js介绍
2）运行Web服务器
3）Visual Studio代码
4）文档与全局对象
5）创建自定义模块
6）安装atom编辑器
7）FS模块
8）创建与删除目录
9）EventEmitter类
10）Readable流对象

未发布 MongoDB分布式文件存储数据库视频教程Ⅰ

by 鸟栖沙岩 keys 分享 1487755581871

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。

本文为您搜集了MongoDB的入门视频系列教程：

1）简介与安装

2）设置环境变量

3）创建与删除数据库

4）创建与删除集合

5）插入文档

未发布 PyCharm入门视频教程

by 鸟栖沙岩 keys 分享 1488788888129

JetBrains PyCharm是一种Python IDE，其带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具。此外，该IDE提供了一些高级功能，以用于Django框架下的专业Web开发。