Day04 - 纯 Html - 复杂型别 collection

Case01

• Controller

  [HttpPost]
  public IActionResult Case01([FromForm]string[] strs)
  {
      return Ok(strs);
  }
  

• View

  collection name 的格式，用 [index] 这个格式，且 index 必须是连续

  <form action="/Day04/Case01"
        method="post">
      <div>
          <p>订单项目</p>
          <p>
              <label>项目1：</label>
              <input type="text"
                     name="[0]">
          </p>
          <p>
              <label>项目2：</label>
              <input type="text"
                     name="[1]">
          </p>
          <p>
              <label>项目3：</label>
              <input type="text"
                     name="[2]">
          </p>
      </div>
      <p>
          <button type="submit">送出</button>
      </p>
  </form>
  

网站执行後，在该页面输入资料，并 submit form !

由下图可以看出 request body 的资料，以及後端可以正确回传原本 submit 的资料 !

Collection 的资料型态，只要是 ICollection<T> 及衍生的型态 都支援 !

这个做法有一个要注意的点是：如果 index 不连续，後面的资料会 binding 不到 !

之後会提到 index 不连续的解法 !

这篇先到这里，下一篇来看复杂型别 object + collection 的 model binding