Skip to content

すべてのフォームコンポーネント

  • すべてのフォームコンポーネントについて紹介する

単一行テキストText

  • 1行のテキストを制限するには、数字、身分証明書番号、携帯電話番号、アルファベットなどのみを入力できます。フィールドの値変更v 8イベント、フォーム送信前v 8イベントで制限できます
js
//Phone字段属性的【值变更V8事件】
V8.Form.Phone = V8.Form.Phone.replace(/\D/g, '');//输入框只能输入数字

//表单提交前V8事件(前后端V8事件均可)
if(V8.Form.Phone.length != 11){
  return { Code : 0,  Msg : '请输入正确的手机号码' };
}

複数行のテキストbase

  • 複数行のテキスト。文字数に制限はありません。

リッチテキストRichText

  • 画像アップロードをサポートするリッチテキストエディタ

テキスト連想

  • 連想クエリのドロップダウン選択を入力しても、カスタマイズして入力できます

関連Id Guid

  • 一般的にstring型のguid値を格納するために使用されます

数字number text

  • デフォルトint型、小数点がオンになっている場合は、手動で型をdecimal型に変更することを覚えています。小数点が4桁 (12、4) 、小数点が2桁 (12、2) です

チェックボックスRadio

  • よく使うチェックボックス

チェックボックスのチェックボックス

  • データベースはjson文字列として格納されます

ドロップダウンの単一選択

  • よく使うドロップダウン選択

ドロップダウンチェックMultipleSelect

  • データベースはjson文字列として格納されます

スイッチSwitch

  • スイッチコンポーネントのデフォルトはint型で、1をオンにして0をオフにします (古いバージョンのデフォルトはbit型なので、int型に置き換えることをお勧めします)
  • _ _ _ _ _ が表示されます

日時DateTime

  • Varchar型をお勧めしますが、日付がさまざまなフォーマットをサポートしていることが主な理由です

画像アップロードImgUpload

  • デフォルトでは匿名アクセスは許可されていません

ファイルアップロードFileUpload

  • デフォルトでは匿名アクセスは許可されていません

スコアレート

  • 評価コンポーネント、デフォルトint型、データベースはint型として格納されます

カラー選択ColorPicker

  • カラー選択コンポーネント、デフォルトのvarcharタイプ、データベースはrgbカラー値として格納されます

分割線Divider

  • フォームを分割し、物理フィールドを生成しない

ボタンButton

  • ボタンコンポーネント、v 8コードをサポートします。

HTML

  • 一時的に公開されていません

自動番号AutoNumber

  • 分散ロックの自動番号が付属しており、カスタムプレフィックスをサポートしています

サブテーブルTableChild

  • 非常によく使われるサブテーブル

地図 (点) Map

  • 地図画点

地図 (エリア) MapArea

  • 地図画エリア

カスケードセレクタCascader

  • カスタムカスケードセレクタ

組織部門

  • プラットフォーム組織の選択

アドレスAddress

  • 省市区連動

携帯電話認証コードphone esms

  • 一時的に公開されていません

プログレスバーProgress

  • 進行状況を表示し、データベースに数字を格納します

タイムラインTimeline

  • 一時的に公開されていません

ライブラリFontAwesome

  • 統合FontAwesome

カスタムコンポーネントDevComponent

  • カスタムカスタム開発したコンポーネントをフォームに組み込む

ポップアップフォームOpenTable

  • データリストが表示され、データ送信を選択するとイベントがトリガーされます
  • ポップアップ前v 8エンジンコード
js
//设置查询条件,[V8.Field.XuanzeGLSP]为[弹出表格]控件的[字段名]
V8.OpenTableSetWhere(V8.Field.XuanzeGLSP, [
  ['ShangpinMC', 'Like', '商用直饮机']
]);
  • V 8イベントエンジンコードを送信します。
js
//-------前端代码-------
var selectData = V8.TableRowSelected;//获取选中的数据
var selectIds = selectData.map(item => item.Id);//接口引擎只要Id
var result = await V8.ApiEngine.Run('add-gylx-rwz', {
    GongyiLCID: V8.Form.Id, //关联主表Id
    RenwuZIds: selectIds
});
if(result.Code == 1){
    V8.Tips('添加成功!');
    V8.TableRefresh(V8.Field.GongxuLB, {});//刷新子表
}else{
    V8.Tips('添加失败:' + result.Msg, false);
}

//-------接口引擎[add-gylx-rwz]代码-------
if(!V8.Param.GongyiLCID || !V8.Param.RenwuZIds || V8.Param.RenwuZIds.length == 0){
  return { Code : 0, Msg : '参数错误!' };
}
//先查询任务栈列表数据
var renwuzhanList = V8.FormEngine.GetTableData('diy_APSsczx', {
  Ids : V8.Param.RenwuZIds
});
if(renwuzhanList.Code != 1 || renwuzhanList.Data.length == 0){
  return { Code : 0, Msg : '未查询到任务栈列表数据!'  + (renwuzhanList.Msg || '') };
}
//循环插入
for(var i = 0; i < renwuzhanList.Data.length; i++){
  var item = renwuzhanList.Data[i];
  var addResult = V8.FormEngine.AddFormData('diy_APSgylxsczx', {
    ...item,
    Id : '', //重置子表Id
    GongyiLCID : V8.Param.GongyiLCID //关联主表Id
  }, V8.DbTrans);//带事务
  if(addResult.Code != 1){
    return addResult;//会自动回滚事务,因为Code != 1
  }
}
return { Code : 1 };//会自动提交事务,因为Code == 1

関連フォームJoinForm

  • 一般的にフォームテンプレートをカスタマイズするために使用されます

コードエディターCodeEditor

  • コード連想、コードインデント、文法ハイライト、コード折り畳みなどをサポートしています

ドロップツリーselect tree

  • これは非常に強力なコンポーネントです

JSONテーブルJSON table

  • 一時的に公開されていません

MIT License.