Jquery – i dont know how can i add dropdown , image ,checkbox and also radio button in my View mvc View using Kendo Component

repository 



using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Kendo_Grid.Models;
using Npgsql;

namespace Kendo_Grid.Repositories
{
    public class CrudRepository : CommonRepositories, ICrudRepository
    {
        public void Add(tblCrud person, IFormFile c_image)
        {
            try{
                _conn.Open();
                if(c_image !=null && c_image.Length>0){
                    var filename = Path.GetFileName(c_image.FileName);
                    var fileextension = Path.GetExtension(c_image.FileName);
                    var Uniquename= Guid.NewGuid().ToString() + fileextension;
                    var savepath = Path.Combine(Directory.GetCurrentDirectory(), "Wwwroot/Images", Uniquename);
                    using (var Stream =new  FileStream(savepath, FileMode.Create)){
                        c_image.CopyTo(Stream);
                    }
                    person.c_image = "/Images/"+ Uniquename;

                }

                using (var cmd = new NpgsqlCommand("INSERT INTO public.t_practice05( c_name, c_image, c_gender, c_skill, c_date, c_cityid) VALUES ( @c_name,@c_image , @c_gender, @c_skill, @c_date, @c_city);", _conn)){
                    cmd.Parameters.AddWithValue("@c_name", person.c_name);
                    cmd.Parameters.AddWithValue("@c_image", person.c_image);
                    cmd.Parameters.AddWithValue("@c_date", person.c_date);
                    cmd.Parameters.AddWithValue("@c_skill", person.c_skill);
                    cmd.Parameters.AddWithValue("@c_city", person.c_cityid);
                    cmd.Parameters.AddWithValue("@c_gender", person.c_gender);
                    cmd.ExecuteNonQuery();
                }

            }
            catch(Exception Ex){
                Console.WriteLine("error at Add--->"+Ex.Message);
            }
            finally{
                _conn.Close();
            }
        }

        public void Delete(int id)
        {
            // throw new NotImplementedException();
            try{
                _conn.Open();
                using (var cmd = new NpgsqlCommand("DELETE FROM public.t_practice05 WHERE c_id = @c_id;", _conn)){
                    cmd.Parameters.AddWithValue("@c_id", id);
                    cmd.ExecuteNonQuery();
                }

            }
            catch(Exception Ex){
                Console.WriteLine("error at Delete--->"+Ex.Message);
            }
            finally{
                _conn.Close();
            }
        }

        public List<tblCrud> Getall()
        {
            // throw new NotImplementedException();
            var persons = new List<tblCrud>();
            try{
                _conn.Open();
                //SELECT p.c_id, p.c_name, p.c_image, p.c_gender, p.c_skill, p.c_date, p.c_city , c.c_name FROM t_practice5 p Inner Jion t_city c Where p.c_ = c.c_id;
                using (var cmd = new NpgsqlCommand("SELECT c_id, c_name, c_image, c_gender, c_skill, c_date, c_cityid FROM public.t_practice05;", _conn)){
                    var reader = cmd.ExecuteReader();

                    while(reader.Read()){
                        var person = new tblCrud{
                            c_id = Convert.ToInt32(reader["c_id"]),
                            c_name = reader["c_name"].ToString(),
                            c_cityid = Convert.ToInt32(reader["c_cityid"]),
                            c_skill = (string[])reader["c_skill"],
                            c_date = reader["c_date"].ToString(),
                            c_gender = reader["c_gender"].ToString(),
                            c_image = reader["c_image"].ToString(),
                        };
                        persons.Add(person);
                    }
                }

            }
            catch(Exception Ex){
                Console.WriteLine("error at GetAll--->"+Ex.Message);
            }
            finally{
                _conn.Close();
            }
            return persons;
        }

        public tblCrud GetById(int id)
        {
            // throw new NotImplementedException();
            var person = new tblCrud();
            try{
                _conn.Open();
            using (var cmd = new NpgsqlCommand("SELECT c_id, c_name, c_image, c_gender, c_skill, c_date, c_cityid FROM public.t_practice05 WHERE c_id = @c_id;", _conn)){
                cmd.Parameters.AddWithValue("@c_id", id);
                var reader =  cmd.ExecuteReader();
                if(reader.Read()){
                    person.c_id = Convert.ToInt32(reader["c_id"]);
                    person.c_name = reader["c_name"].ToString();
                    person.c_date = reader["c_date"].ToString();
                    person.c_image = reader["c_image"].ToString();
                    person.c_cityid = Convert.ToInt32(reader["c_cityid"]);
                    person.c_gender = reader["c_gender"].ToString();
                    person.c_skill = (string[])reader["c_skill"];
                }
            }   
            }
            catch(Exception Ex){
                Console.WriteLine("error at GetById--->"+Ex.Message);
            }
            finally{
                _conn.Close();
            }
            return person;
        }

        

        public void Update(tblCrud person, IFormFile c_image)
        {
            // throw new NotImplementedException();
            try{
                _conn.Open();
                if(c_image!=null && c_image.Length>0){

                var filename = Path.GetFileName(c_image.FileName);
                var fileextension= Path.GetExtension(c_image.FileName);
                var Uniquename = Guid.NewGuid().ToString()+ fileextension;
                var savepath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot/Images", Uniquename);
                using (var Stream = new FileStream(savepath,FileMode.Create)){
                    c_image.CopyTo(Stream);
                }
                person.c_image= "/Images/"+Uniquename;

                }
                else{
                    using(var cmd = new NpgsqlCommand(" SELECT c_image FROM public.t_practice05 WHERE c_id = @c_id" , _conn)){
                        cmd.Parameters.AddWithValue("@c_id",person.c_id );
                        var images = cmd.ExecuteScalar().ToString();
                        person.c_image = images;
                    }
                }
                using(var cmd = new NpgsqlCommand("UPDATE public.t_practice05 SET  c_name=@c_name, c_image=@c_image, c_gender=@c_gender, c_skill=@c_skill, c_date=@c_date, c_cityid=@c_city WHERE c_id = @c_id;", _conn)){
                   
                    cmd.Parameters.AddWithValue("@c_id", person.c_id);
                    cmd.Parameters.AddWithValue("@c_name", person.c_name);
                    cmd.Parameters.AddWithValue("@c_image", person.c_image);
                    cmd.Parameters.AddWithValue("@c_date", person.c_date);
                    cmd.Parameters.AddWithValue("@c_skill", person.c_skill);
                    cmd.Parameters.AddWithValue("@c_city", person.c_cityid);
                    cmd.Parameters.AddWithValue("@c_gender", person.c_gender);
                    cmd.ExecuteNonQuery();
                }
            }
            catch(Exception Ex){
                Console.WriteLine("error at Update--->"+Ex.Message);
            }
            finally{
                _conn.Close();
            }
        }

        public List<tblCity> GetAllCity(){
            var cities =  new List<tblCity>();
            try{
                _conn.Open();
                using(var cmd = new NpgsqlCommand("SELECT c_id, c_name FROM public.t_city;", _conn)){
                var reader = cmd.ExecuteReader();
                while(reader.Read()){
                    var city = new tblCity{
                        c_cid = Convert.ToInt32(reader["c_id"]),
                        c_cname = reader["c_name"].ToString(),
                    };
                    cities.Add(city);
                 }
                }
            }
            catch(Exception Ex){
                Console.WriteLine("Error at Get all Cities"+Ex.Message);
            }
            finally{
                _conn.Close();

            }
            return cities;
        }
    }
}